compatibilidad IE v/s Firefox CSS menu desplegable

[fanny0]

En una pagina web realizada en joomla colocamos un menu desplegado llamado jscookmenu, este tiene varios css bastante básico y feo que modificamos, pero al modificarlos,tengo muchos problemas de compatibilidad con el IE y el firefox

Este css siguiente se ve bien en el ie, pero en firefox se me desconfigura bastante...y además tampoco se ve una manito al pasar por sobre los menus..o links, inclusive es más al ser el menu vertical y no horizontal pierde de el css

Alguien puede visualizar algunos errores que me puedan ayudar a modificarlo y que quede bien!! yo intentado un montón de cosas y así es como me quedó más decente, pero se ve muy feo en firefox hasta el momento

Gracias

.ThemeIEMenuH {
color:#FFFFFF;
}
.ThemeIEMenuV,
.ThemeIESubMenuTable {
cursor: auto;
font-family: verdana, arial, sans-serif;
font-size: 13px;
border: 0;
white-space: nowrap;
color:#FFFFFF;
padding-top:15px;

}

.ThemeIEMenuH,
.ThemeIEMenuV {
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
}

.ThemeIEMenuV {
width: 100%;
}

.ThemeIEMenuH span {
vertical-align:bottom;
line-height: 20px;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;

}

.ThemeIESubMenu {
position: absolute;
visibility: hidden;

/*
Netscape/Mozilla renders borders by increasing
their z-index. The following line is necessary
to cover any borders underneath
*/
z-index: 100px;
border: 0px;
padding: 0px;

filter:progid:DXImageTransform.Microsoft.Shadow(co lor=#848A84, Direction=135, Strength=4);
}

.ThemeIESubMenuTable {
margin-top:10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-image: url(../../../templates/rhuk_solarflare_ii/images/headerBG.png);
border: 1px solid #b3e3ff;
}

.ThemeIESubMenuTable td {
white-space: nowrap;
background-color: #0066a6;
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #b3e3ff;
border-right-color: #b3e3ff;
border-bottom-color: #b3e3ff;
border-left-color: #b3e3ff;
}



.ThemeIEMainItem,
.ThemeIEMainItemHover,
.ThemeIEMainItemActive,
.ThemeIEMenuItem,
.ThemeIEMenuItemHover,
.ThemeIEMenuItemActive {
padding-left: 0px;
padding-right: 0px;
white-space: nowrap;

}

.ThemeIEMainItemHover,
.ThemeIEMainItemActive,
.ThemeIEMenuItemHover,
.ThemeIEMenuItemActive {
background-color: #0066a6;
background-image: url(../../../templates/rhuk_solarflare_ii/images/headerBG.png);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #b3e3ff;
border-right-color: #b3e3ff;
border-bottom-color: #b3e3ff;
border-left-color: #b3e3ff;
}

.ThemeIEMenuSplit {
height: 0px;
margin-top: 0px;
margin-bottom: 0px;
overflow: hidden;
background-color: inherit;
border-top: 0px solid #ADAA9C;
}

.ThemeIEMenuVSplit {
width: 0px;
margin: 0px;
overflow: hidden;
background-color: inherit;
border-right: 0px solid #ADAA9C;
}

/* image shadow animation */

/*
seq1: image for normal
seq2: image for hover and active

To use, in the icon field, input the following:
<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeIEMainItem img.seq1,
.ThemeIEMenuItem img.seq1 {
display: inline;
}

.ThemeIEMainItemHover img.seq2,
.ThemeIEMainItemActive img.seq2,
.ThemeIEMenuItemHover img.seq2,
.ThemeIEMenuItemActive img.seq2 {
display: inline;
}

.ThemeIEMainItem img.seq2,
.ThemeIEMainItemHover img.seq1,
.ThemeIEMainItemActive img.seq1,
.ThemeIEMenuItem img.seq2,
.ThemeIEMenuItemHover img.seq1,
.ThemeIEMenuItemActive img.seq1 {
display: none;
}

ThemePanelMenuV tr.ThemePanelMainItem td.ThemePanelMainItemText

{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
}