I'm sure this is something basic that I'm forgetting.
Environment:
Using DNN4.08
VS.2005
Skining in ASCX files
Firefox 2.0.0.11
Standards compliance mode
Symptom:
I've created a very basic skin, three panes using DIV tags and CSS for positioning. In all views the layout is perfect. When in EDIT mode if I hover over a module drop down(top right corner of the module), the automatic drop down menu pops to the bottom of the page. It looks as if it's dropping all the way out of all the DIVS to the bottom of the page. Any advice would be greatly appreciated. Below is the code(first time pasting code...hope the format sticks.
CSS:
body
{
font-size: 1em;
font-family: Verdana, 'Times New Roman';
color:Black;
background-color:gray;
}
#Wrapper
{
position:relative;
min-width:500px;
}
#ContentWrapper
{
position:relative;
width:95%;
background-color:teal;
}
#BodyWrap
{
width:65%;
float:left;
padding:2px;
}
.LeftPane
{
float:left;
width:32.5%;
}
.ContentPane
{
float:right;
width:65.5%;
}
#RightWrap
{
width:33%;
float:right;
padding:2px;
}
.RightPane
{
float:right;
width:100%;
}
#FootWrap
{
clear:both;
}
ASCX:
<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<link href="skin.css" rel="stylesheet" type="text/css" />
<div id="ControlPanel" runat="Server"></div>
<div id="Wrapper">
<div id="ContentWrapper">
<div id="BodyWrap">
<div id="LeftPane" class="LeftPane" runat="Server" visible="false"></div>
<div id="ContentPane" class="ContentPane" runat="server" visible="false"></div>
</div>
<div id="RightWrap">
<div id="RightPane" class="RightPane" runat="server" visible="false"></div>
</div>
<div id="FootWrap"></div>
</div> <!-- END #ContentWrapper -->
</div><!-- End of #wrapper -->