Need some slight coding help(IE)..

Greetings,
I've decided to get back into coding after almost not doing it for a whole year. So excuse the messy coding.

Here's my site: http://www.justinbroshears.com/portfolio/1/index.html

I've coded it and it works perfectly in Firefox, Opera, Google Chrome, and Safari(somewhat font isnt correct size but that's it).

how ever in Ie.(mind you i only have IE6, and IE 7 at the moment, it's all messed up. the fonts are messed up and i believe the logo is off by a few pixels or so.I've tried fixing it on my own but i've grown to be frustrated for not finding a solution so came to here to get some help.

thanks in advance,

Regards, Justin Broshears

replace these styles in your css. i have tested on local.


#footer{background:#05404e url(images/footer1.gif) repeat-x; width:100%; float:left; height:300px; margin-top:30px;}

#footercontent{ width:882px; margin-top:50px; margin-left:-50px;}

.preview {float:left;margin:50px 0 0 0;width:550px;height:405px;}

body { background: url(images/top.gif) no-repeat top center; padding:0px; clear:both; margin:0px;}

#main {width:882px; margin: 0 auto;clear:both;}

Don't forget you can use ie conditional comments;

<!--[if lt IE 7]>
<p>This message is only displayed in browsers earlier than IE7.</p>
<![endif]-->