3rd Div Column misplaced - Quick Fix?

On my site www.bestblogs.asia I've got x3 columns, the info in the 3rd column is stuck under the 2nd column, I had it working before then used a CSS validator and now it's not working ;(

CSS located at:
shared/css/style.css

Columns labelled:
<div id="portfolio_items"> = 1st Column
<div class="sidebars" id="sidebar"> = 2nd
<div class="sidebars" id="ads_column"> = 3rd, this is the problem.

Can anyone help? Thanks guys!

 

The site appears to display correctly in FireFox. Are you still having difficulties with the columns?

 

thanks, actually <div class="sidebars" id="sidebar"> was in the wrong place I moved it up to the correct column and it worked.

Although I've still got a page width problem (scroll bar on the right) even though the page fits well together? Not sure how that happened.

 

Your problem has not been solved here in my IE 6.

See your CSS code

#portfolio_items {
min-height:100px;
float:left;
width:555px;
margin-right:12px;
padding-top:3px;
background-color:#6699cc;
}

#sidebar {
border-right:#a3a09e 1px solid;
border-top:#a3a09e 1px solid;
margin-top:3px;
border-left:#a3a09e 1px solid;
border-bottom:#a3a09e 1px solid;
background-color:#e2dddc;
}

#ads_column {
width:100px;
background-color:#c00000;
}

#block_portfolio {
margin-bottom:20px;
overflow:auto;
}

.sidebars {
float:left;
display:inline;
}

#sidebar .block_inside {
display:block;
background:url(/shared/images/background_block_slice.jpg) #fff repeat-x;
overflow:auto;
padding:30px 10px 10px;
}

Code (markup):

The reason might be the width of #sidebar .block_inside (padding or image) is too big and force the 3rd column down.

 

Thanks unigogo, Does anyone else see the 3rd column down? I can't see it myself (also use IE6) and checked in Browsershots?