CSS menu help

[adakist]

I'm having trouble with my CSS menu. The last two sections are disappearing on rollover and the dropdown menus are working for the last two. But the code looks the same for all the menu items to me. What am I doing wrong?

[Dolbz]

Originally Posted by adakist

I'm having trouble with my CSS menu. The last two sections are disappearing on rollover and the dropdown menus are working for the last two. But the code looks the same for all the menu items to me. What am I doing wrong?

I do recommend combining all the lists into a single nested list

[biatche]

Try this

#navcontainer ul li {
display: block;
float: left;tht

[brinks]

This is a horizontal menu, background colour and text colour changes on rollover.

#nav {
width: 780px;
margin: 0 auto;
background-color: #F3F2ED;
margin-top: 5px;}
 #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 10px;
	background-color: #F3F2ED;}
         #nav li {
	    float: left;
	    margin: 0;
	    padding: 0;
	    background-color: #F3F2ED;}
	     #nav li a {
	        float: left;
	        margin: 0 1px 0 0;
                font-size: 100%;
	        font-weight: normal;
	        text-decoration: none;
                padding: 5px 9px;
	        color: #555;}
	          #nav li a:hover {
	             color: #fff;
	             background: #354966;}

And the XTHML

<div id="nav">
        <ul>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	<li><A href="#">Option</a></li>
	</ul>
</div>