Problem beim Designen mit div-Containern

[Gayson]

Hallo!

Ich habe leider ein kleines Problem beim Designen einer Navileiste. Dazu möchte ich keine Tables benutzen (damit klappte alles problemlos), sondern nur div-Container.

http://people.freenet.de/Gayson/navileiste/versuch.html
Und die css-Datei:
http://people.freenet.de/Gayson/navileiste/default.css

Firefox
So wie es der Firefox-Browser anzeigt soll es in Prinzip sein. Einziges Problem: Der graue Kasten soll nicht bis ganz nach rechts gehen, sondern sich an den Content "anschmiegen", also an den rechten Rand des Bildes.

IE
1. Wieder soll der graue äußere Kasten nicht soweit gehen
2. Die untere Navileiste wird überhaupt nicht mehr angezeigt.

Die prinzipielle Aufbau:

<div>
	<div floating>
		<div floating class="firstLevel">Button 1</div>
		<div flaoting class="firstLevel">Button 1</div>
		<div floating class="firstLevel">Button 1</div>
		<div floating class="firstLevel">Button 1</div>
		<div clear;position:relative>
			<div floating class="Menu">Untermenu 1 mit Buttons</div>
			<div floating class="Menu">Untermenu 2 mit Buttons</div>
			<div floating class="Menu">Untermenu 3 mit Buttons</div>	
			<div floating class="Menu">Untermenu 4 mit Buttons</div>
			<div clear></div>			
		</div>
	</div>	
	<div floating>Bild</div>
	<div clear></div>
</div>

Habt ihr eine Idee, was ich falsch mache?

Danke!

 

[Gayson]

Okay, habe das overflow:hidden entfernt, daran lag die Nicht-Anzeige im IE.

Jetzt nur noch der graue Rand:
Wie erreiche ich es, dass bei folgendem der Rand genau die beiden div's einschließt und nicht über die gesamte Seitenbreite geht?

		<div style="border:1px solid #CCCCCC;">
				<div>Über Uns</div>
				<div>Über Mich</div>
		</div>

 

[Jan-Frederik Stieler]

Hi,
kannst z.B dem Div eine feste Größe zuweisen.