Just a question about absolute CSS positioning of content panes and the placement of the module action menu.

I use CSS for positioning in my skins, but when I use any kind of CSS positioning (absolute or relative) on a div I want to put a module into, the action menu on modules gets bumped way down the page. 

Using the opposing float method, there's no issues, but as soon as I tell any content pane div to be absolutely positioned 20 px from the left or 10 px from the top of a wrapper div or otherwise, the action menu flies off.

I'm using the House of Nuke menu and the XHTML Transitional 1.0 Doctype and confirmed the doctype by looking at the page info in Firefox.  The issue occurs in both IE and Firefox, so browser compatibility issues are out of the question, right?

Have you ever run across this?  I'm sure it can't be something nobody has ever dealt with before...

Here's an example of the HTML:

And the styles:

#mainbody
{
 position:relative;
    width: 100%;
}
#menu
{
 position:absolute;
 top:0px;
 left:0px;
    width: 180px;
}
#sidebar
{
 position:absolute;
 top:0px;
 left:190px;   
 width: 210px;
}
#content
{
 position:absolute;
 top:0px;
 left:410px;
    width: 490px; 
}

Any suggestions besides the obvious "just use the opposing float method", would be amazing.  I have elements that need to overlap so the opposing float method doesn't work all the time. 

Thanks in advance!

-Dustin.

Thanks for the reply and the suggestion.  I'll give that a shot and post what happens.

Thanks again!

-Dustin.