iFrame overflowing its div and I want it to be clickable Options

[frazer]

Hi,

I am working on http://butler-bowdon.com/DCApp/cms/web/amazon


it has normally 3 columns, but for this shop page - I have put the amazon iFrame in the left column and made it wide enough to fill the design.

It almost works fine.

in the central column there are email and 'shareThis' buttons. These float above the iframe.

I have tried putting breaks in to move the buttons down, but then the iframe cant be clicked on anywhere outside the div it is in.

I tried (I know this is bad) a width=1 table to push the buttons down, but then the iframe cant be clicked on outside the div it is in.


I can click on the iframe fine anywhere below the 'shareThis' buttons, but I need to get them out of the way.

Any suggestions?


I am using a cms, so all I can easily edit is the content in the divs.

[pandy]

In the browsers I tried the iframe covers everything except the top menu and the footer, that means the buttons too. Why have you positioned the iframe on top of everything else instead of using it in a normal manner? Is there a purpose or... ?