[Résolu] Positionnement du menu

Bonjour,

J'ai presque honte de poster ce message, mais je bute sur un problème surement ridicule !

Je souhaite afficher mon menu à droite de mon image "logo_home.png", et il se met systématiquement en dessus.

J'ai pourtant l'impression de tout avoir bien fait...

Si quelqu'un avait 2 min pour m'aiguiller... :s

Un grand merci d'avance

<header>
  <img src="images/logo_home.png">
<div id="menu">
    <ul>
      <li><a href="index.php">HOME</a></li>
      <li><a href="">MENU 1</a></li>
      <li><a href="">MENU 2</a></li>
      <li><a href="">MENU 3</a></li>
      <li><a href="">MENU 4</a></li>
      <li><a href="" target="_blank">MENU 5</a></li>
    </ul>
</div>
</header>

header, section, footer { display: block; margin: 0 auto; width: 100%;}
header { background: url(../images/bg.png) repeat center top; height: 131px;}
footer { background-color: #000000;}


#menu { height: 131px; width: 1280px; margin: 0 auto; padding: 0; border: 0; position: absolute; text-decoration: none; font-family: Avant_Garde, verdana, sans-serif;  }
#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu li { display: inline; color:#FFFFFF; font-size: 16px; padding: 0 10 10 10;}
#menu a { color: #FFFFFF; text-decoration: none; padding: 0 0 2 0;}
#menu a:hover { border-bottom-style: solid; border-bottom-color: #00CCFF; border-bottom-width: 8px;}

Modifié par davidprysm (09 Mar 2013 - 16:19)

float: right;

Voilà, un petit café et ça remet les idées en place...