multiple floating columns problem. check the site please.

hi.
check this site:
<a href=”http://mazandlig.ir/%D8%B5%D9%81%D8%AD%D9%87-%D9%86%D8%AE%D8%B3%D8%AA.aspx”>http://mazandlig.ir/&#1589;&#1601;&#1581;&#1607;-&#1606;&#1582;&#1587;&#1578;.aspx</a>
I have a problem with this layout.
the problem is with the left-most column (which has no content)
it’s a column for advertisements.
if you try resizing it, the column to it’s right will stay where it is, but two columns under it will be pushed downward. try it using firebug.
I expected that the advertisement panel was floated to the left, and the one horizontal and two vertical columns are floated to the right, they will not push each other.
their width is defined in percent.
is there anything I can do, so that after the ad panel has few ads, it won’t push down the two vertical columns?
(I tried absolutely positioning it, the pushing problem will be ok, but I won’t know what height to give it. the next problem I will face will be it’s height.)

Also in #CSS _↴