Popups outside the box

Bowker

I'm trying to use a Fixed-Layout page that has a popup/overlay appear over the whole page when something is clicked in a component that's in a small column down the side.

For example:
Here is the page layout:
[PHP]
Test for Popup


[/PHP]

Here is the HTML component's Appearance:
[PHP]

This is the text in the box normally.
Press here to get the popup to display.

Close

This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup.
This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup.
This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup.

[/PHP]

In FF, Chrome, and all browsers EXCEPT IE (I'm using IE-8 which +30% of my visitors are using) it works just fine.

In IE the popup is positioned within the same ls-area and since the ls-area has overflow:hidden defined, the popup is truncated.

How do you "free" a component to display over the hole page, or even if I create a header with a dropdown menu that extends down beyond the SitePublisher area/row?

----- update -----
So I created a minimal case. Below is a flat HTML (no TS, SP, LS...) just plain old HTML. It does the same thing. Apparently getting out of the box in IE with you have both overflow hidden and a width defined is an issue. Copy the HTML below and bring it up in IE-8 (have not tried 9).

How has anyone created a drop down menu from a header component or a fly-in component from a side panel?

[PHP]

This is the text in the box normally.

Press here

to get the popup to display.

Close

This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup.
This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup.
This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup. This is the popoup.

[/PHP]

interDev

try something like this and see if it works (added !important to the styles):

[PHP]

[/PHP]