Is the part giving you trouble. To make IE render it the same, you need to reduce this number to down around 40px.

Here's a tip: use conditional comments (search in Google) to serve an additional stylesheet to IE. Then you can put inside it any/all rules to over-ride where IE has funny rendering differences.

An example
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="/clean/ie.css" />
<![endif]-->

You could also put it inline if you wanted
<!--[if IE]>
<style type="text/css" media="screen" href="/clean/ie.css" />
#columnleft {
padding-top: 40px;
}
</style>
<![endif]-->

A side-track

Originally Posted by Lord Kalthorn In the end - Firefox and Opera render the padding differently. Internet Explorer renders the padding as it has since time in memorial, and as it should be rendered. Many things in Firefox are wrong; mainly padding problems.

Incorrect, I'm afraid.

Internet Explorer uses a different box model than all other browsers. And they chose to do it differently as a result of not agreeing with the then (and now) current standard.

However, Internet Explorer 6 will use the one the other browsers use, if you trigger standards mode by supplying a correct doctype.

It depends on your perspective and the application for which one makes the most sense. The box model used by other browsers is the one that follows the spec. However, the w3c have also added to the CSS3 draft, the ability to switch box model modes to whichever you like.

Here's one url where you can compare the box models
http://www.communitymx.com/content/a...989953B6F20B41

MS also discusses it here
http://msdn.microsoft.com/library/de...hancements.asp