IE issues

I was recently assigned to make this website http://renaissancecharter.org/ to look a little better. I finished working on the layout in firefox but I got a problem in IE. Not sure why the awkward distortion is taking place.

Here's the layout: http://trcs.info

I coded most of it in php. It's been integrated with their control panel and also with few other scripts on their site. The CSS is located here: http://trcs.info/css/master.css

From observation, I think my error is from the main container which is defined in the css as

#main { padding: 20px 12px 12px 12px; float: left; width: 730px; }

I'm not sure if IE takes padding tags. It should but this is the second time I've noticed errors from padding.

EDIT*****

SORRY I FIXED THE PROBLEM. THE ERROR WAS DUE TO A COMMENT I PLACED BEFORE THE DOGTYPE TAG