Centrering af menu
Jeg kæmper nu for at få menuen ind at centrere på siden, mens baggrundsbilledet bliver, hvor det er.Jeg er klar over, jeg skal bruge margin: 0 auto; og jeg har prøvet at sætte div tag ind til at omfavne hele menuen, men opnår så, at også baggrundsbilledet rykker sig.
Hvad er det jeg gør forkert??
http://www.cre8-design.dk/vandret-menu.htm
Håber I kan hjælpe mig.
;o)
My Charlot
********************************************
<style type="text/css" media="screen">
<!--
#navigation {background-image: url(slices1/images/slices1_03.jpg); height:38px; width:950px; margin: 0 auto;}
-->
</style>
<style type="text/css" media="screen">
ul#navigation {margin: 0 auto; list-style-type:none;}
ul#navigation li {display:inline; }
ul#navigation a { display:block; float:left; padding:.9em 2em; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; border-right:1px solid #fff;}
ul#navigation a:hover { color:#4e6172; background-color:#fff; }
</style>
<style type="text/css">
<!--
body {
background-color: #4e6172;
margin: 0px;
}
-->
</style>
<link href="css/jqueryslidemenu.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div>
<div align="center"><img src="slices1/images/slices1_01.jpg" width="950" height="37"></div>
</div>
<div id="top"></div>
div tag her??
<div id="navigation" class="jqueryslidemenu">
<ul>
<li><a href="http://www.XXX.com">XXX.COM</a>
<ul>
<li><a href="#">Sub Item 1.1</a></li>
<li><a href="#">Sub Item 1.2</a></li>
<li><a href="#">Sub Item 1.3</a></li>
<li><a href="#">Sub Item 1.4</a></li>
<li><a href="#">Sub Item 1.5</a></li>
</ul>
</li>
-
-
-
-
- etc.
