Problems with browsers

[RedSon]

Hi,

The page I'm working on renders fine in chrome but very strangely in IE (http://loweparkercorp.com/transportest.html) I haven't tested with FF yet, but can someone clue me in to what is happening?

My CSS is valid.

[Markus]

Alas, your HTML isn't.

[RedSon]

Okay try it again.

[drhowarddrfine]

'transparent', when used in IE, doesn't work when inherited by other elements and is buggy otherwise. I'm not sure if that's the case here but it might explain why the background image doesn't show through.

It looks the same in Firefox and Opera.

Specifically, what else is wrong?

[RedSon]

Did you compare how it renders in chrome or FF? In chrome the top part of the body should show body_bt_top.gif but in IE it's hidden.

[drhowarddrfine]

@RedSon
I said I looked at it in FF and Opera and they look the same.

In chrome the top part of the body should show body_bt_top.gif but in IE it's hidden.

Yes, I see that, and I think the problem might be your use of 'transparent' which doesn't always work in IE but does in more modern browsers and IE8, too.

[RedSon]

ok I didn't understand your comment about transparent and how it related to that issue.

Let me make some changes and see if i can fix it.

Thansk!

[RedSon]

Actually I lied, I still don't know what your comment is about. Where do you see "transparent". There are no transparent elements in my css or html AFAIK.

Thanks.

[drhowarddrfine]

Forget the transparent stuff. Firebug sometimes reconfigs shortened properties. I'll try and look at this shortly.

EDIT: you use min-height on that element. min-height doesn't work properly in IE either. What happens when you change it to just 'height'?