IE7 and my nav dont get along

[rjmccollam]

First time posting in this forum…so I apologize if this is a total noob question. My nav is not staying positioned where it needs to be because of the logo in the upper left hand corner and the rss button in the upper right hand corner.

Here is what it looks like in IE7:
[img]http://crippledshark.com/images/bad-nav.jpg[/img]

Here’s what it should look like:
[img]http://crippledshark.com/images/good-nav.jpg[/img]

Here is my HTML and CSS for the header section of my site:

HTML:

Code:

• Home
• Asset Management
• Tech Conslting
• Sales Consulting
• Media
• Sports
• Blog
• Contact

CSS:

Code:

.container { width: 1000px; margin: 0 auto; }

#main { background-image:url(images/headerbg.png); }

#header { }

#main .container{ background-image:url(images/headerbg.png); height: 148px; }

ul#nav { padding-top: 92px; margin: 0; }

ul#nav li { display: inline; }

ul#nav li a { display: block; text-indent: -9999px; float: left; height: 40px; }

I hope I didn’t post to much or to little. Thanks in advance for your help! :D

[kamil]

pls provide the real link.

[rjmccollam]

the link to the site is http://crippledshark.com

[Author]

Posts