CSS / IE Woes

[Gruffle]

Hi!

Can anyone give me any advice on a problem I've been having getting a site I'm working on to behave in IE?

Using Firefox and Safari, it pretty much behaves as expected, but when viewed in Internet Explorer, it inserts magical padding around my CSS navigation, and I have no idea where they have come from, basically screwing up the entire layout :mad:

I've checked the parent divs, no margin tags, paddings etc, I had the old double margin bug but sorted that out...totally stumped on this one tho!

the site is here (http://scottpickard.co.uk/washroom)

the style sheet is at /css/styles3.css

Any help v v v v greatly appreciated!

[moot]

I'm still learning about CSS but perhaps this has something to do with your issue. Depending on what version of IE you're developing for, this may apply:

http://webdesign.about.com/od/css/a/aaboxmodelhack.htm

I'm told IE still doesn't support CSS very well.
:moot:

[Zerk]

Your site goes all crazy when I try to use WebDev on it. WEIRD.

Anyhoo, I set the width higher on #midcontainer it looked liked it was fixed, but like I said it was acting all crazy. So try this and let me know how it goes.


#midcontainer{width:940px;}

Also the site was using styles4.css not 3.

[tZ]

I didn't see anything wrong with the sites navigation in IE7. Do you mean IE6?

[adamblan]

I checked it on ie6 & ff, but didn't see any real inconsistency? Did you get this fixed?
Or if you're still having problems, try setting the margin & padding for any problem elements to 0 or whatever you want it to be...