I am designing the layout for my web site project for class. I am having trouble getting my navigation menu to work. I am using IE7 and FF2.

It displays how I want in IE7, but not in Firefox. Links:

Layout page in XHTML

CSS code

I always have issues with these two browsers displaying things differently

Thanks for any help!

I always have issues with these two browsers displaying things differently

And you always will as long as Microsoft defies the standards.

Ok, for one thing, dump the table, you don't need it. I'll never understand why anyone would stick divs inside a moldy old table

2 - fix your validation errors, you have unclosed or improperly closed tags.

Your code for your nested list is incorrect:

<ul>
<li><a href="#" id="active">Home/News</a></li>
<li><a href="#">Games</a></li>

<ul id="subnav">
<li><a href="#" id="subactive">Action/FPS</a></li>
<li><a href="#">RPG/MMORPG</a></li>
<li><a href="#">Driving</a></li>
<li><a href="#">Strategy</a></li>
<li><a href="#">Family</a></li>

</ul>
<li><a href="#">Help/Support</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

It should be this:

<ul>
<li><a href="#" id="active">Home/News</a></li>
<li><a href="#">Games</a>

<ul id="subnav">
<li><a href="#" id="subactive">Action/FPS</a></li>
<li><a href="#">RPG/MMORPG</a></li>
<li><a href="#">Driving</a></li>
<li><a href="#">Strategy</a></li>
<li><a href="#">Family</a></li>
</ul>
</li>

<li><a href="#">Help/Support</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>

WOW! I forgot to close a tag and I'm so pressed for time I'm always rushing to just finish things. Yes I'm sorry, thats my excuse for not validating AND why I used the table for layout. I wouldn't normally do that, but for some reason I couldn't float the divs properly to get it how I want, so I did it the bad way. Promise I won't do it again!

Thanks for your help, this fixed the navigation list problem! I really should pay more attention!

You didn't forget the closing </li>, you had it in the wrong place - compare your original code with mine, you'll see where I MOVED that closing </li> tag.