okay guys,

this is the first time i have used DNN so i'm learning. but i do understand CSS and HTML but i'm having major problems with the way IE 7 is displaying the [solpartmenu]. my boss purchased a skin and wants to use it with some changes which i have succcessfully made. the menu looks all messed up though. BUT ONLY IN IE 7!!! firefox and safari display the menu perfectly. this is so frustrating as a designer because i know that the CSS file is right (at least for other browsers) and i have been scrubbing it over and over trying to figre out what the problem is. i am at a TOTAL loss here and need some help. it's the only thing from keeping me from finishing the site.

i am trying to understand how the [solpartmenu] is designed on the DNN side. if i knew the actual layout, i could better understand what i need to do for a fix.

by the way, the code that came with the purchased skin was sloppy... really sloppy. i spent a couple hours going through it to clean it up and make it more readable. this is what i have as of right now... i realize that there are some lines that could be deleted, but i wanted to get it working first before i lean it out. wish i could attach a pic to show you what the menu looks like. the best way to describe it is that the menu items are getting clipped on both sides and display lower than they should (IE 7)

/***********************************************************************************************************************************************************/
/*--------- Menu Style
/***********************************************************************************************************************************************************/

.MainMenu_MenuContainer {
width: 100%;
background-color: #FFFFFF;
}

.MainMenu_MenuBar{
height: 55px;
}

.MainMenu_MenuIcon {
display: none;
}

.MainMenu_RootMenuArrow {
display: none;
}

.MainMenu_MenuArrow {
display: none;
}

/***********************************************************************************************************************************************************/
/*--------- Root Menu Separator
/***********************************************************************************************************************************************************/

.MainMenu_MenuBreak {
display:none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

.ModuleTitle_MenuItemSel {
background-color: transparent;
}

.MainMenu_MenuItemSel {
background-color: transparent;
}

/***********************************************************************************************************************************************************/
/*--------- Sub Menu style
/***********************************************************************************************************************************************************/

.MainMenu_MenuItem,.submenuitembreadcrumb {
font-family: Verdana, Arial, Helvetica, Tahoma;
color: #FFFFFF;
font-size: 10px;
font-weight: normal;
padding: 5px 15px 5px 10px;
border: 0px #000000 solid;
}

.submenuitemselected {
font-family:Verdana, Arial, Helvetica, Tahoma;
color:#1B5B7C;
font-size:10px;
font-weight:normal;
padding:5px 15px 5px 10px;
border:0px #000000 solid;
background-color: #6DC2DC;
}

.submenu {
font-family: Verdana, Arial, Helvetica, Tahoma;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
border:1px solid #FFFFFF;
padding:0px;
margin-top: 0px;
margin-left: 0px;
background-color: #3081AA;
border: 1px solid #FFFFFF;
margin: -7px 0 0 2px;
}

/***********************************************************************************************************************************************************/
/*--------- Root Menu style
/***********************************************************************************************************************************************************/

.rootmenuitem TD {
}

.rootmenuitem TD DIV {
background-image: url(tab_03.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.rootmenuitem TD DIV DIV {
background-image: url(tab_01.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

.rootmenuitem TD DIV DIV DIV {
background-image: url(tab_02.gif);
background-position: bottom center;
background-repeat: no-repeat;
width: 82px;
color: #1B5B7C;
text-align: center;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 13px 13px 7px 13px;
height: 50px;
line-height: 4.7em;
}

.rootmenuitemselected TD, .rootmenuitembreadcrumb TD {

}

.rootmenuitemselected TD DIV, .rootmenuitembreadcrumb TD DIV {
background-image: url(tabON_03.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

.rootmenuitemselected TD DIV DIV, .rootmenuitembreadcrumb TD DIV DIV {
background-image: url(tabON_01.gif);
background-position: bottom left;
background-repeat: no-repeat;
}

.rootmenuitemselected TD DIV DIV DIV, .rootmenuitembreadcrumb TD DIV DIV DIV {
background-image: url(tabON_02.gif);
background-position: bottom center;
background-repeat: no-repeat;
width: 82px;
color: #FFFFFF;
text-align: center;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 13px 13px 7px 13px;
height: 50px;
line-height: 4.7em;
}

Hi,

I've got some experience skinning the solpart menu and, I know to get it to work for all browsers can be a time consuming job, I tried to get you menu working here

If you could email me a picture of want you want and how the menu sits in you .ascx file (all the additional classes) I can try and create the css for you.

regards Bas.

email: bas.grootjans@gmail.com

www.oliminc.com

thanks for the response guys. if you have any ideas please let me know!!! ahhhhgggg! im going crazy!