not sure what the issue is, + I am really tired. lol

http://roanokewebsolutions.com/Skins/tabid/55/Default.aspx

In FireFox the menu items have like 250px height while they are fine in IE6 / 7.

I am using the housemenu, but its just the following CSS in control

#HouseMenuNav2 li
{
    /*all list items */
    border-bottom: 1px solid black;
    list-style: none;
    /*background-image: url(buttons/blue-ltblue_default.gif);
    background-repeat: repeat-x;*/
    /*IE hack to control spacing of menu */
    margin-left: 0px;
    voice-family: "\")\"";
    voice-family: inherit;
    /* for IE6+ and all other browsers */
    margin-left: 0px;
    background-color: #8c0c0e;   
        list-style: none;
}
#HouseMenuNav2 li a:link, #HouseMenuNav2 li a:visited
{
    /* main color of the menu */
    margin: 0;
    padding: 5px 5px 5px 3px;
    /*
    border-left: 5px solid #d88bb1;
    border-right: 1px solid #d88bb1;*/
    color: #8c0c0e;
    display: block;
    text-decoration: none;
    /* IE 5.01 hack to remove large white gaps in menu */
    height: 1px;
    voice-family: "\")\"";
    voice-family: inherit;
    /* for IE6+ and all other browsers */
    height: 100%;

}
#HouseMenuNav2 li a:hover
{
    background-image: none;
    background-repeat: repeat-x;   
    background-color: #A0B3D0;
    color: white;
}

if I take the li A:link and change the height to like 10% then it shrinks in Firefox, but also adversly affects IE. Any thoughts?

Hi,

Just replace the order. for example:

#HouseMenuNav2 li a:link, #HouseMenuNav2 li a:visited

should be:

 li #HouseMenuNav2 a:link,  li#HouseMenuNav2  a:visited

Why?

because in your markup that is the order!:

< li id="HouseMenuNav2" >

what you were doing was right for that:

< div id="HouseMenuNav2"  >

< li  >  etc".