MENU HORIZONTAL

Bonsoir,

Je souhaiterai réaliser un menu comprenant une image et une barre de navigation juste a coté délimité à 50% (pour realiser un site responsive)

Mais mon code ne fonctionne pas.

<div id="banner-wrapper">


<header id="banner" role="banner">

<div class="contentnavigation">


<nav class="headerlogo">
<a id="Logo" href="http://www.bistrot.fr/" title="Le bistrot"><img src="image/logos.png" alt="Bistrot "></a>

</nav>

  <nav class="navigation">
<ul id="menu">

<li class="restaurant"><a href="http://www.lebistrot.fr/restaurant/" title="Bienvenue"><span>LE RESTAURANT</span></a></li>

<li ="notrecarte"><a href="http://www.lebistrot.fr/notre-carte/"title="Notre menu est rennouvelé tous les mois"><span>NOTRE CARTE</span></a></li>

<li class="noustrouver"><a href="http://www.lebistrot.fr/nous-trouver/" title="Venez goûtez à notre cuisine"><span>LE RESTAURANT</span></a></li>



<li class="reservation"><a href="http://www.www.leunbistrot.fr/reservation/" title="Réservez...c'est plus pratique"><span>RESERVATION</span></a></li>
</ul>
</nav>
</div>

</header>
</div>

#banner
{
	position:fixed;
	height:100px;
	background-color:#891f43;
	background-attachment: scroll;
	background-position: center top;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	width:100%;
	top:0px;
	left:0px;
	z-index:999;
	display:block;	
	border:rouge solid;
}

/*----CONTENANT DE LA BARRE DE NAVIGATION----*/
#contentnavigation
{
	position:absolute;
	height:100px;
	background-color:#0F9;
	background-attachment: scroll;
	background-position:inherit;
	border:none;
	width:1024px;
	z-index:900;
	display:block;	
	border:#6F6 solide
}

/*----LOGO----*/
#headerlogo {
	overflow:hidden;
	position:absolute;
	border:#0FF solid;
	max-width:100%;
	height:auto;
	float:left;
	display:inline;
	}
/*----CONTENANT DU MENU----*/

/*----LISTE DES ELEMENT DE NAVIGATION----*/
#menu li
 {
	text-decoration:none;
	color:#DCE0DE;
	list-style-type:none;
	text-align:center;
	height:50px;
	bottom:10px;
	border:#FCF solid;
	display:inline;
	padding:10px;
	margin:;
	float:left;
	width:auto;	
 }

Quelqu'un pourrait il m'aider svp.

Merci d'avance

Cannele