update:
i was able to get closer to a solution with entering this:
<!--[if IE 6]>
<style type="text/css">
#main-content { margin: 0px 0px 0px 72.5px; }
#sidebar { margin: 0px 0px 0px 72.5px;}
</style>
<![endif]-->
where you said.
i do have a problem with 1pixel off.
i beleive it’s due to my 145 odd number of margin which i gave my maincontentet, sidebar etc.
is there a way to get rid of that margin but still have things lining up beneath one another in the center same way it looks now (in firefox chrome etc)?
(sorry i am very new to all of this)