ungewollter Umbruch im Fluss

[fritz222]

Hallo zusammen,

Hier meine Problemsituation:

Ich habe ein Wrapper(div-Element)
Darin habe ich 3 Bilder per img-Element eingebunden.
Die Bilder sind alle drei 266 Pixel breit und hoch.

Also zwischen den Bildern und links & rechts kann es ein Abstand von 43 Pixeln haben. So wird die gesamte Breite aufgebraucht.

Ich habe ausgerechnet: 970-266*3-43*4=970

Hier mein CSS:

  
#wrapper{  
		margin-right: auto;  
		margin-left: auto;  
		width: 970px;  
		padding: 0;  
		border: 0;  
	}  
	  
img.bild_aussen{  
		margin: 0 43px 0 43px;  
	}  

Mein Problem ist, dass das rechte Bild auf eine neue Zeile kommt. Auch wenn ich die Breite des Wrappers auf 971 Pixel erhöhe oder den Margin der Bilder aussen auf 42 Pixel senke, bleibt das Problem bestehen.

Kann mir irgendjemand auf die Sprünge helfen. Ich muss einen ziemlich doofen Fehler gemacht haben oder ich versteh (X)HTML bzw. CSS noch nicht ganz.

Herzlichen Dank für Hilfe jeder Art.