Horizontal menu med ul, li tags
Jeg har en menu som ser således ud:<div id="menu">
<ul>
<li class="menu-point"><a href="/produkter">Modeller</a></li>
<li class="menu-divider"></li>
<li class="menu-point"><a href="/om-os">Om os</a></li>
<li class="menu-divider"></li>
<li class="menu-point"><a href="/manual">Manual</a></li>
<li class="menu-divider"></li>
<li class="menu-point"><a href="/forhandler">Forhandler</a></li>
</ul>
</div>
Jeg skal have lavet min CSS så menuen er horizontal, med en divider på 2 px som indeholder et baggrundsbillede.
Hele menuen skal være 100% bred og punkterne skal være centreret.
Jeg har en smule css, men den fungerer bare ikke efter hensigten.
#menu {
margin-top: 10px;
font-size: 18px;
font-decoration: bold;
color: #535252;
}
#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
display: inline;
}
#menu li {
display: inline;
}
.menu-divider {
background-image: url(/images/menu-div.gif);
background-repeat:repeat-x;
width: 3px;
}
