Hello,

I have a question regarding the Solpart Menu -  Which is on www.fdhost1.com/wayra

The submenu as you go down the list seems to "jump" and be a little jittery, then once doesnt! (run mouse down the destinations tab)

If anyone could give me an insight, it would be most appreciated! I can post any CSS if you want?

Hello,

Looked at my CSS but couldnt see anything wrong. Here it is attached.

Thanks for the help!

BODY
{
    background: #1e1e70;
}

#Page
{
    border-collapse: collapse;
    width: 780px;
    height: 100%;
    text-align: center;
    background-color: #FFFFFF;
    border: #0c3d8a 0px solid;
}

#Page2
{
    border-collapse: collapse;
    width: 780px;
    height: 100%;
    text-align: center;
    background-color: #FFFFFF;
}

.ControlPanelCell
{
    vertical-align: top;
    text-align: center;
    background-color: transparent;
    padding: 5px 4px 0 4px;
}

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

#PageHeader
{
    width: 100%;
}

a:link {color: #4D9CE5}
a:visited {color: #9233DB}
a:hover {color: #A30A0A}

#LogoCell
{
    vertical-align: middle;
    text-align: left;
}

#BannerCell
{
    vertical-align: middle;
    text-align: center;
}

#MenuTable
{
    width: 788px;
    border-collapse: collapse;
    vertical-align: top;
}

.gradient
{
    background: #ee3d34 url(menu.gif);
    height: 24px;
    vertical-align: top;
}

.gradient2
{
    background-color: #ffffff;
    height: 25px;
    color: #000000;
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
    text-align:center;
}

.gradient3
{
    background: #db3423;
    height: 20px;
    vertical-align: top;
}

#MenuCell
{
    vertical-align: middle;
    text-align: left;
}

#SearchCell
{
    vertical-align: middle;
    text-align: right;
}

#UtilityTable
{
    width: 100%;
    border: none;
    border-collapse: collapse;
    background-color: #FFFFFF;
}

#CurrentDateCell
{
    vertical-align: top;
    text-align: left;
    width: 200px;
}


#BreadCrumbCell
{
    vertical-align: top;
    text-align: center;
    font-weight: bold;
}

#BreadCrumbCell .SkinObject
{
    padding: 0 0 0 4px;
}

#UserCell
{
    text-align: right;
    width: 200px;
}

#UserCell .SkinObject
{
    padding: 0 2px 0 2px;
}

#UserCell .SkinObject
{
    padding: 0 2px 0 2px;
}

#ContentCell
{
    height: 100%;
    vertical-align: top;
}

#ContentTable
{
    width: 100%;
    overflow: visible;
}

.TopPane
{
    vertical-align: top;
    text-align: center;
    background-color: transparent;
    padding: 0 6px 0 6px;
}

.LeftPane
{
    width: 175px;
    vertical-align: top;
    text-align: center;
    background-color: transparent;
    padding: 0 0 0 6px;
}

.ContentPane
{
    vertical-align: top;
    text-align: center;
    background-color: transparent;
    padding: 0 6px 0 6px;
}

.RightPane
{
    width: 175px;
    vertical-align: top;
    text-align: center;
    background-color: transparent;
    padding: 0 6px 0 0;
}

.BottomPane
{
    vertical-align: top;
    background-color: transparent;
    padding: 0 6px 0 6px;
}

#FooterTable
{
    width: 100%;
    border-collapse: collapse;
}

#FooterCell
{
    vertical-align:bottom
    text-align: center;
}

#FooterCell2
{
    vertical-align: middle;
    text-align: right;
}

#FooterCell .SkinObject
{
    padding: 0 4px 0 4px;
}

#DNNCell
{
    vertical-align: middle;
    text-align: center;
}

.MainMenu_MenuContainer
{
    background-color: transparent;
}

.MainMenu_MenuBar
{
    cursor: pointer;
    cursor: hand;
    height: 16px;
    background-color: Transparent;
}

.MainMenu_MenuItem
{
    border-left: #CAD5EA 0px solid;
    border-bottom: #CAD5EA 0px solid;
    border-top: #CAD5EA 0px solid;
    border-right: #CAD5EA 0px solid;
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
}

.MainMenu_MenuItemSel
{
    background-color: #d7d5cf;
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
}

.MainMenu_MenuIcon
{
    background-color: #ee3d34;
    border-left: #CAD5EA 0px solid;
    border-bottom: #CAD5EA 0px solid;
    border-top: #CAD5EA 0px solid;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 21px;
    display:none;
}

.MainMenu_SubMenu
{
    background-color: #04bd58;
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    font-family: Arial;
    font-weight: bold;
    font-style: normal;
    font-size: 11px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color= 'DimGray' , Direction=135, Strength=3);
}

.MainMenu_MenuArrow
{
    border-right: #CAD5EA 0px solid;
    border-bottom: #CAD5EA 0px solid;
    border-top: #CAD5EA 0px solid;
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    color: #cc002b;
}

.MainMenu_RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    color: #cc002b;
}

.StandardButton
{
    background: #d7d5cf;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

.Head
{
    font-family: Arial;
    font-size: 16px;
    font-weight: Bold;
    color: #cc002b;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold
}

/* text style used for error messages */
.NormalRed
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #ff0000;
}

/* text style used for definition Dark Blue */
.Normalblue
{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #8e0027;
}

.BigRed
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #cc002b;
}

H1
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #cc002b;
}

H2  {
    font-family: Arial;
    font-size:  12px;
    font-weight: bold;
    color: #cc002b;
}

H3  {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #cc002b;
}

H4  {
    font-family: Arial;
    font-size:  10px;
    font-weight: bold;
    color: #cc002b;
}

H5, DT  {
    font-family: Arial;
    font-size:  11px;
    font-weight: bold;
    color: #cc002b;
}

H6  {
    font-family: Arial;
    font-size:  11px;
    font-weight: normal;
    color: #cc002b;
}

/* Module Styles */

.ModuleTitle_MenuContainer
{
    border-bottom: blue 0px solid;
    border-left: blue 0px solid;
    border-top: blue 0px solid;
    border-right: blue 0px solid;
    text-align: left;
}

.ModuleTitle_MenuBar
{
    cursor: pointer;
    cursor: hand;
    height: 25px;
    background-color: Transparent;
}

.ModuleTitle_MenuItem
{
    cursor: pointer;
    cursor: hand;
    color: white;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    border-left: white 0px solid;
    border-bottom: white 0px solid;
    border-top: white 0px solid;
    border-right: white 0px solid;
    background-color: Transparent;
}

.ModuleTitle_MenuIcon
{
    cursor: pointer;
    cursor: hand;
    background-color: #cc002b;
    border-left: #EEEEEE 0px solid;
    border-bottom: #EEEEEE 0px solid;
    border-top: #EEEEEE 0px solid;
    text-align: center;
    width: 21;
    height: 21;
    display:none;
}

.ModuleTitle_SubMenu
{
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    background-color: #cc002b;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
    border-bottom: #CCCCCC 0px solid;
    border-left: #CCCCCC 0px solid;
    border-top: #CCCCCC 0px solid;
    border-right: #CCCCCC 0px solid;
}

.ModuleTitle_MenuBreak
{
    border-bottom: #E0E0E0 0px solid;
    border-left: #EEEEEE 0px solid;
    border-top: #E0E0E0 0px solid; 
    border-right: #EEEEEE 0px solid;
    background-color: #cc002b;
    height: 0px;
}

.ModuleTitle_MenuItemSel
{
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    background-color: #e7e6e2;
}

.ModuleTitle_MenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
    border-right: #FFFFFF 0px solid;
    border-bottom: #FFFFFF 0px solid;
    border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow
{
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

/* text style for the USER & LOGIN Tokens */

a:link.Bread
{
color: #000000;
font weight: bold;
font-family: Arial; font-size:11px;
}
a:visited.Bread
{
color: #000000;
font weight: bold;
font-family: Arial; font-size:11px;
}
a:link:hover.Bread, a:visited:hover.Bread
{
color: #000000;
font weight: bold;
text-decoration: underline;
font-family: Arial; font-size:11px;
}
a:link:active.Bread, a:visited:active.Bread
{
color: #000000;
font weight: bold;
font-family: Arial; font-size:11px
}

.SkinObject {
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    text-decoration: none;
}
A.SkinObject:link {
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.SkinObject:visited {
    COLOR: #000000; TEXT-DECORATION: none
}
A.SkinObject:active {
    COLOR: #000000; TEXT-DECORATION: none
}
A.SkinObject:hover {
    COLOR: #000000; TEXT-DECORATION: none
}