Hi,  I have dnn 4.5.1 and i have written a custom skin using an .ascx and css, the code is below.  The menus work fine in firefox but in IE 6, 7, when the mouse is moved over, the cursor is a hand momentarily and the returns to the text edit cursor and the menu does not appear.

The skin is being rendered in standards compliance (html 4.01 transitional)

Thanks :)

 .ascx file-------------------------------------------------------------

 I can't post this as it renders, can someone tell me how to put it into a code box?

css file----------------------------------------------------

/*
==================================================
Skin styles for StJuliesClassicSilver_SinglePane
==================================================
*/  



.headertop {
background-image:url(Header_Classic_TopSlice.jpg);
height: 43px;
text-align:right;
font-family:Calibri;
font-size:16px;
}

.headermid {
background-image:url(Header_Classic_MidSlice.jpg);
height: 48px;
max-height: 47px;
font-family:Calibri;
font-size:40px;
letter-spacing: 6px;
}

.headerbottom {
background-image:url(Header_Classic_BottomSlice.jpg);
height: 49px;
text-align:justify;
font-family:Calibri;
font-size:20px;
color:#000066;
vertical-align:middle
}

.footer {
background-image:url(Footer_Classic.png);
height: 72px;
font-family:calibri;
text-align: center;
font-size:14px;
color:#666666;
}

.tagframe {
font: calibri;
font-size: 12px;
color:#000066;
}

.currentdate {
text-align:left;
}

.usertag {
text-align:right;
}

.logintag {
text-align:right;
}

.ContentPanesContainer {
background-color:#F8F5FE;
padding-top:25px;
padding-bottom:30px;
padding-right:10px;
padding-left:10px;
}

.SkinContainer {
border:thin #d4d8df solid;
}

.contentpane {
padding-top:3px;
padding-bottom:3px;
padding-right:3px;
padding-left:3px;
border-spacing: 4px 4px;

}

.leftpane {
padding-top:3px;
padding-bottom:3px;
padding-right:3px;
padding-left:3px;
vertical-align:top;
border-spacing: 4px 4px;
}

.toppane {
    padding-top:3px;
padding-bottom:3px;
padding-right:3px;
padding-left:3px;
border-spacing: 4px 4px;
}

.bottompane {
    padding-top:3px;
padding-bottom:3px;
padding-right:3px;
padding-left:3px;
border-spacing: 4px 4px;
}

.rightpane {
    padding-top:3px;
padding-bottom:3px;
padding-right:3px;
padding-left:3px;
border-spacing: 4px 4px;
}

/*  Skin design by JPS 31/07/08 - Copyright St Julies Youth Club 2008 */









/* START OF DNN:NAV MENU ATTRIBUTES */

.main_dnnmenu_container {
    background-color: transparent;
}
.main_dnnmenu_bar {
    cursor: pointer;
    cursor: hand;
    height:49px;
    background-color: Transparent;
    font-family: Calibri;
    vertical-align:middle;
}
.main_dnnmenu_item { /*TD if menu option for using tables is on*/
    cursor: pointer;
    cursor: hand;
    color: black;
    font-size: 12pt;
    font-weight: normal;
    font-style: normal;
    background-color: Transparent;
    font-family: Calibri;
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;   
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
    cursor: pointer;
    cursor: hand;
    color: black;
    font-size: 12pt;
    font-weight: normal;
    font-style: normal;
    background-color: Transparent;
    font-family: Calibri;
    white-space: nowrap;  /*Word wrapping menu item now optional*/       
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover { 
    background-color: #FFFFFF;
}

.main_dnnmenu_itemhover td { 
    background-color: #8da4d3;
}


.main_dnnmenu_icon {
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 100%;
    padding-right: 5px;
}
.main_dnnmenu_submenu {
    background-color: #CCCCCC; 
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
    padding: 5px 5px 5px 5px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
    height: 1px;
    font-size: 1px;
}

.main_dnnmenu_arrow {
    border-right: #cad5ea 1px solid;
    border-bottom: #cad5ea 1px solid;
    border-top: #cad5ea 0px solid;
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.main_dnnmenu_rootmenuarrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.StandardButton {
  background: #7994cb none;
  color: #ffffff;
  font-family: Calibri;
  font-size: 11px;
  font-weight: normal;
  }
 

i've put it in and the dropdowns still do not appear, but this time the hand changes to the pointer (not the carrot) after a couple of seconds hovering.

looks like there's a bug in my css, but i can't find it.