Hi all.

I'm working on a website for a client. I have to work some "ie hacks" because of problems with div's etc...

I have a div that in firefox shows padding-top 5px attributes, but in ie the div box does not show padding on the top. I tried messing with the margin instead and it still shows in firefox but not in ie...

So... I figured I would use the "html>body" tag in css to adjust the padding-top attribute only in IE.. because there is already a "margin" above the div in firefox..

When doing this, firefox gets bumped down... I thought that if I used this tag it would only apply to ie, and html>body would only be read by firefox, not giving it the margin.

here is what I have:

<!-- #box_left {
background: #FFFFFF;
border: 0px solid orange;
float: left;
text-align: left;
width: 350px;
padding-top: 5px;
}

html>body #box_left {
background: #FFFFFF;
border: 0px solid orange;
float: left;
text-align: left;
width: 350px;
padding-top: 0;
}-->

HELP!

First of all, IE6 and below choke on child selectors like that.
You should be using conditional comments coupled with separate CSS files to 'fix' IE's bad behavior rather than using hacks - which will almost always come back to bite you.

Maybe if you showed us ALL the code, or gave us a URL so we could see it, we could ferret out the REAL problem.