CSS help.

[Excellent2]

Got a problem in ie 8 and netscape.

The problems are with the nav and the sub-nav. Here is what they're meant to look like and what they look like in ie etc.

Meant to: (Btw these images aren't together)



Look like in ie8:



CSS for nav:

Show Hide

#nav-wrap {
width: 450px;
float: left;
margin-top: 81px;
padding: 0px;
display: block;
margin-left: 180px;
}
.nav-home {
background-image: url(images/nav-home.png);
width: 52px;
height: 33px;
float: left;
}
.nav-shared {
background-image: url(images/nav-shared.png);
width: 56px;
height: 33px;
float: left;
margin-left: 6px;
}
.nav-reseller {
background-image: url(images/nav-reseller.png);
width: 59px;
height: 33px;
float: left;
margin-left: 6px;
}
.nav-shoutcast {
background-image: url(images/nav-shoutcast.png);
width: 76px;
height: 33px;
float: left;
margin-left: 6px;
}
.nav-services {
background-image: url(images/nav-services.png);
width: 62px;
height: 33px;
float: left;
margin-left: 6px;
}
.nav-contact {
background-image: url(images/nav-contact.png);
width: 62px;
height: 33px;
float: left;
margin-left: 6px;
}

CSS for sub-nav:

Show Hide

#sub-bg {
height: 22px;
background-color: #ececec;
border-bottom: 1px solid; color: #d8d8d8;
padding-left: 141px;
padding-right: 141px;
padding-top: 7px;
}

[BoyBetterKnow]

And it works fine in ie7, FF etc?

[Excellent2]

And it works fine in ie7, FF etc?

Sure does.

[Excellent2]

Anybody?

[Awfy]

I'd just try adding overflow: hidden; and clear: both; to the various different classes. Seems you just have a bit of problems with the floating.

[Excellent2]

I'd just try adding overflow: hidden; and clear: both; to the various different classes. Seems you just have a bit of problems with the floating.

Cheers Greg. I've fixed it all now anyway, problem was with the margins I had.