Nachtrag:
Wegen des float::left von #navi schiebt Firefox das folgende Element #inhalt nach rechts. Es ist dort zwar kein Platz mehr, aber da #inhalt keine Breite aufweist, dafür aber die Eigenschaft overflow:auto, wird es zusammengequetscht. WEnn du das float:left rausschmeißt, ist der Inhalt wider sichtbar:
#navi {
font-family: Verdana, Arial, Helvetica, sans-serif;
position: relative;
/*float: left;*/
padding-left: 8px;
padding-top: 0px;
padding-bottom: 2px;
border-top: 10px solid #CC0033;
border-right: 10px none #CC0033;
border-bottom: 10px none #CC0033;
border-left: 10px none #CC0033;
background-color: #FFFFFF;
width: 100%;
height: 150px;
background-image: url(headerlogo.png);
background-repeat: no-repeat;
background-position: right top;
}