Padding on #header background image.. IE6/Firefox.

(http://clarezed.com)

Hello folks..

Could anyone help with the following please?

It seems that unless I apply padding of 60px to the background image (header) on the above site, the left floated container and the right floated container overlap the header in IE6.

Without the padding it's fine in Firefox, it's just a little annoying as I'd like the site to be as uniform as possible in both browsers, ie, with the padding the containers are shifted down the page in FF but in IE they're just slightly under the header.

CSS is here --> http://clarezed.com/clarezedlayout.css

Thank you soooo much, you've all been really helpful over the past few days .

Roo.

Code: Select all

<!--[if lte IE 6]><style type="text/css">@import url("stylesie.css");</style><![endif]-->

Create a seconde style sheet, with the adustments for IE in it.add the above code into the head of your (x)htmlChange stylesie.css to the second style sheet. this is an if statment that only applies to IE, so creating a new style sheet and adding this code should help