I am having positioning problems. Not sure if I need a clear property, or if I am doing something else wrong?

http://www.autotap.com/autotapdiy_miquel/product_diy.asp

On the "Images" tab, the two thumbnails in .panelthumbnail should be side-by-side with 10px margin in between.

<div class="panelsidebar">
<div class="panelthumbnail">
<div class="1col"><img name="Img" width="75" height="75" alt=""></div>
<div class="1colnomargin"><img name="Img" width="75" height="75" alt=""></div>
</div>
</div>

.panelsidebar {
float: left;
width: 180px;
margin: 15px 0px 10px 9px;
}
.panelthumbnail {
width: 180px;
}
.1col {
width: 85px;
float: left;
margin-right: 10px;
display: inline;
}
.1colnomargin {
width: 85px;
float: left;
display: inline;
}

I am also having a problem with the Related Products/Related Reading divs. They should display below the tabbed spry menu. The three related products should be side-by-side with 10px margin in between. The Related Reading should be to the right of that.

I hope this is enough information. Thanks in advance.