Problem with top nav bar in not appearing in Firefox?

Hello,

I'm having a problem with the top nav bar in my shop not appearing in the Firefox browser.

This is the css in my style sheet:

#navMainWrapper {
margin: 0em;
background-color: #CCCCCC;
background-image: url (../images/tile_back.gif);
padding: 0em 0em;
font-weight: bold;
color: #FFFFFF;
height: 1%;
}

I found that If I add padding It will appear but then it does not look right in Internet Explorer.

Does somebody know how I can fix this problem so the top nav bar appears on both Internet Explorer and Firefox?

All advice/help is greatly appreciated.

Jordin

hmmmm not sure that IE and FF will interpret the 1% height you have in there... try something like this instead:

#navMainWrapper {
color: #fff;
font-weight: bold;
background-color: CCCCCC; 
background-image: url(../images/tile_back.gif);
background-repeat: repeat-x;
position: relative;
padding-top: 2px;
padding-bottom: 2px;
}