j@revive

Hi there. I had a quick look in IE and it didn’t look like it was getting info from the stylesheet at all. No images loaded. No floats applied. Not sure why that might be, looked fine in firefox.
It’s usually necessary to make a seperate stylesheet for IE that you include after (<-important) the other stylesheets in your header.php file. You use a conditional statement only IE recognises …
<!–[if IE]><link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_url’); ?>/ieFix.css” /><![endif]–>
Then put tweaks into that stylesheet to override rules in the main stylesheet.
Problems in IE are usually to do with padding and height properties which IE treats differently. There are no min-height/min-width rules in IE. It also doesn’t support rounded corners.
Hope that helps.

Thanks James I’ll give eShop a look right now.

Hi mate,
the CSS isn’t the problem here, it’s an HTML thing. You’ll notice in the second image the blue bit that reaches the bottom actually surrounds the sidebar as well. So both the content and the sidebar are surrounded by a <div> that has a blue background. It’s the sidebar that pushes that blue box down, not the content. In your example you are targetting only the content so the CSS is doing the right thing by making the content box white (#ffffff). You should see if there is a <div> that surrounds both your content and sidebar; if there is make the background of that white.