Problem with margins

I see some issues here, but for a quick fix, perhaps try changing

.widecolumn .post {
margin: 0;
}
to:
.widecolumn .post {
margin: 0 25px;
}
for the ‘post’ margins… For the comment box, change:
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#commentform #submit {
margin: 0;
float: right;
}

to:

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 5px;
}
#commentform textarea {
width: 97%;
margin: 5px 5px 1px 5px;
padding: 2px;
}
#commentform #submit {
margin: 0 20px;
float: right;
}

Hope it helps.

I’m just a novice at css but when I look at the css for your page I notice it’s littered with settings that are remarked out (e.g.; /* 1.5em; */) which is a hack for IE. I prefer to start with valid css and only hack for IE when necessary and I’ve never needed that many hacks…

How about this, try validating at http://validator.w3.org/ (couple minor errors).

My first trip would be to http://www.cdburnerxp.se/cssparse/css_optimiser.php and I would try taking the result and replace the current css file, test and then do IE hacks if necessary.

Keep in mind that all IE hacks will likely ‘break’ in IE 7 anyway, so now may be the time ;’)

Hope this helps.

For future reference, you should always code styles for standards-compantible browsers (like Firefox) before any other browser. IE is a broken browser and likes to “guess” at what you want it to do, even when you’ve coded improperly. Many times, it guesses correctly, but a lot of times, it does not and throws things off.

If you create your styles for standards-compatible browsers, then the site eill lay out fine in pretty much ALL browsers, except IE. Then it’s just a matter of adding a secondary stylesheet (with only a few lines of “fix it” code) in a conditional comment.

In regards to this post, IE likes to add mysterious margins and paddings to block-level elements – which is probab;y why you were seeing it nicely in IE, but Firefox was reading the stylesheet correctly – as most browsers will.

Fixing for IE is not a good ideas, unless you really want to specifically alienate people from using a good browser when they come to visit your site.