Forums

takeiteasy04

Hello, I'm pretty new to this stuff, so any help at all is MUCH appreciated.

Well, the title kinda says it all. In FF, the menu works fine. In I.E. however (I've only tested in I.E. 7), The menu appears staggered, almost like stairs. Unfortunately, the "stairs" end up going down and "underneath" the main content area of the page, rendering them inaccessible, not to mention ugly as sin.

Both the CSS and HTML validated transitional, and they both passed the "browser compatibility" test in Dreamweaver.

Any ideas?

Here's the CSS of the Nav Menu:

div#header ul#header_nav {
	width: 720px;
	margin: 0px 20px 0px 0px;
	list-style: none;
		}
		ul#header_nav li a {
			display: block;
			width: 180px;
			margin-top: 120px;
			text-align: center;
			color: #FFF;
			font-size: 12pt;
			text-decoration: none;
			letter-spacing: 0.3em;
			float: left;
			font-weight: bold;
						}
				ul#header_nav li a:hover {
					color: #9EC1E1;
					}
				ul#header_nav li#current a {
					color: #9EC1E1;
					}

Here's the site: http://www.hebtech.com

Here's the complete CSS: http://hebtech.com/index_styles.css

Robskiwarrior

try adding:

#header_nav li {
display:block;
float:left;
}

and see what happens... :D

takeiteasy04

You sir, truly are a warrior.

Thanks a million!

Robskiwarrior

"takeiteasy04" said:
You sir, truly are a warrior.

Thanks a million!

no probs sir :) <bow />

treehouse : what would you like to learn today?

Forums

Nav Menu craps the bed in I.E.