Wieder mal IE vs. FF

Hallo alle zusammen,

ich habe hier ein kleines Darstellungs-Problem, aber diesmal nicht mit dem IE, sondern dem Firefox.
Meine Seite besteht aus einem Hauptcontainer (#container), in dem vier divs stecken. Neben dem Header und der horizontalen Navigation (die keine Probleme machen) noch die Sidebar (#navi) und der eigentliche Text (#inhalt).
Während der IE (7 beta 2) die Höhe des hauptcontainers richtig nach dem längeren Div ausrichtet, beschränkt sich der FF (1.5.0.7) auf den Inhalt.
Alle geöffneten Divs sind auch wieder geschlossen. Und jetzt kommt noch etwas dazu: Lösche ich in der footer.php das zum Hauptcontainer gehörende </div>, verhält sich der FF zwar wie er sollte, der Footer rutscht dann aber bei beiden Browsern in den Hauptcontainer.

Da sich das ganze Projekt noch auf meinem lokalen Rechner befindet, hänge ich einfach mal die entscheidenden Teile

aus der style.css und zwei Screenshots an.

#container {
	text-align: left;
	margin: 0 auto;
	display: block;
	width: 80%;
	/*min-height: 600px;*/
	padding: 0.5em 0px 5px 0px;
	position: relative;
	border: 1px solid #003300;
	background-color: #87A986;
}


#navi {
	float: left;
	width: 180px;
	/*text-align: center;*/
	background: #f5f5f5;
	font-size: 0.8em;
	padding: 0px 0px 5px 0px;
	margin: 0px 5px 15px 8px;
	display: inline;
	border-right: 1px solid #003300;
	border-left: 1px solid #003300;
	border-bottom: 1px solid #003300;
	line-height: 130%;
}


#inhalt {
	margin: 0px 8px auto 205px;
	padding: 0px 10px 8px 10px;
	font-size: 0.9em;
	text-align: left;
	border: 1px solid #003300;
	background-color: #f5f5f5;
}

Es wäre schön, wenn mir hier jemand einen Hinweis geben könnte, wie sich das Problem lösen ließe.

mfG
balschi