IE8 floats to the right

[JTVegas]

Hello! First post here.

I’m having trouble with the nav bar in IE 8. It floats about 20 – 30 pixels to the right. I’d like it to match how it looks in Firefox or Opera.

Like this positioning.
http://browsershots.org/screenshots/c1b … c0d2c54a1/

Don’t like this positioning.
http://browsershots.org/screenshots/eef … 19bb4cfb4/

Also, I have a slight (but livable) issue where the black outline of the tab in IE 8 and 7 (maybe 6 but I don’t have it) will overlap just a few pixels into the lower white area. It gives it a effect of being off position. If I can’t move the nav bar, I’m ok with removing the black stroke since it doesn’t seem to show in other browsers. Removing the black stroke seems to be the preferable solution.

I also have a slight issue with padding on the site. Some of the browsers will give the page enough room at 1024 but IE8 adds just enough padding (or my code does for IE8) that the second scroll bar at the bottom will show. I can’t seem to find the setting for that.

Here’s the page.

http://creativebusinesswritings.com/clear/test2.html

Here’s the CSS file

http://creativebusinesswritings.com/clear/css/new.css

CSS for the nav bar

http://creativebusinesswritings.com/cle … _style.css

Thank you for your time.

[doobie]

at first blush, it appears that the nav bounces to the right because of the notorious double padding + float bug.

-Jacob

[Author]

Posts