Грешка ли имам ?

[ArchangelS]

div.menuer{
background-image: url('/images/menures.gif') ;
width:664px;
height:40px;
}

това ми е css

ето го и html

<div class="menuer">

<div id="content_wrap">





<div id="navigation">
<ul class="nav_links">
<li><a href="#">Начало</a></li>
<li class="withdiv"><a href="#">Уроци</a></li>
<li class="withdiv"><a href="#">Добави урок</a></li>
<li class="withdiv"><a href="#">Форум</a></li>
<li class="withdiv"><a href="#">Контакти</a></li>
<li class="withdiv"><a href="#">Помощ</a></li>

</ul>
</div>

</div>

</div>

Искам мениуто да го вмъкна в картинката .Но нещо нестава . Каде греша , или просто ако може друг вариант да ми кажете ?

 

[afsh]

<html>
<head>
<style>
*{margin:0;padding:0;}
div.menuer{
background: url('/images/menures.gif') #ddd top left;
width:664px;
height:40px;
}

div#navigation ul {margin: 0;padding: 9px 0;list-style-type: none;text-align: center;}
div#navigation ul li {display: inline;}
div#navigation ul li a{text-decoration: none;padding: .2em 1em;color: #fff;background-color: #036;}
div#navigation ul li a:hover{color: #fff;background-color: #369;}

</style>
</head>

<body>

	<div class="menuer">

		<div id="content_wrap">
			<div id="navigation">
				<ul class="nav_links">
					<li><a href="#">Начало</a></li>
					<li class="withdiv"><a href="#">Уроци</a></li>
					<li class="withdiv"><a href="#">Добави урок</a></li>
					<li class="withdiv"><a href="#">Форум</a></li>
					<li class="withdiv"><a href="#">Контакти</a></li>
					<li class="withdiv"><a href="#">Помощ</a></li>
				</ul>
			</div>
		</div>
	</div>



</body>
</html>

 

[afsh]

Всъщност за твоя код може би вече си нулирал отстоянията и да ти трябва само това:

div#navigation ul li {display: inline;}