I have a littl bit of a probem with my site.

The page looks good with firefox but not on I.E.

One of the tables goes to the bottom of the page on I.E (version 6)..and it is in its crorect spot on firefox. I.E version 7 seems to be working fine as well. how do I fix this problem?

heres the css for ie6

div.moduletable table.pollstableborder{
    margin-left:-15px;
}
div.moduletable table.poll td label{
    width:127px;
}
.moduletable-login input.inputbox{
    border:1px solid #fff;
    background:#fff;
}
ol ul{
    font-size:0.8em;
}
hr {
    border:1px dotted #ccc;
    margin:0 5px;
    padding:10px 0;
}
div.contact_email input.button{
    margin: 0 0 20px 20px;
}
div#sidebar input#mod_login_remember{
    border:none;
    width:15px;
    background:none;
}
th.pagenav_prev a:link,
th.pagenav_prev a:visited,
th.pagenav_next a:link,
th.pagenav_next a:visited{
    padding:3px 3px;
    display:block;
    width:50px;
}
table.contenttoc {
    margin-right:1px;
}
body {
    font-size: 10px;
}

/****** BASE FONT STYLES *******/
body.mediumText {
    font-size:10px;
}
body.largeText {
    font-size:11px;
}
body.xLargeText {
    font-size:12px;
    font-weight:100;
}
body.wide div#sidebar,
body.narrow div#sidebar {
    margin-top:1px;
}
body.wide #sidebar .moduletable h3,
body.wide #sidebar .moduletable-login h3,
body.narrow #sidebar .moduletable h3,
body.narrow #sidebar .moduletable-login h3{
    margin:3px -10px 0 -13px;
    width: 170px;
    padding-left: 9px;
}
div#sidebar div.moduletable,
div#sidebar div.moduletable-login{
    padding-left:8px;
}
body.right #sidebar div.moduletable,
body.right #sidebar div.moduletable-login{
    padding-left:8px;
}
/* Sidebar Bullet Position */
body.left #sidebar #mainlevel{
    margin-left: -5px;
}
#sidebar #mainlevel li a,
#sidebar #mainlevel li a:visited {
    width: 155px;
    background: transparent url(../images/modules/sidebarnav-off.gif) 1% 50% no-repeat;
}
#sidebar #mainlevel li a:hover,
#sidebar #mainlevel li a#active_menu {
    background: transparent url(../images/modules/sidebarnav-on.gif) 1% 50% no-repeat;
}

Sounds like classic float drop, which can be caused by a lot of things, the most common of which is the doubled-float margin bug. You can read up on IE6's bugs and how to beat them here: www.positioniseverything.net

Thnaks for the quick reply Ladynred

but i have absolutely no clue how to find the solution to my problem on that site. culd you plz point me to some of the possible solutions?

I think i found what the problem is, but dont know how to fix it. I think its the area thats shown in red causing this. Because its not alligned right as you can see in picture. Could anyone tell me how to fix this?

We REALLY need to see the code. There's just no way to debug from a graphic.

Heres the CSS
Any help would be appreciated.