Bilder in CSS das nicht das tut, was es soll

[Serenity]

Hallo,

ich habe hier irgendwie den Wurm drin und weiß nicht warum. Alles was ich möchte sind mehere Bilder nebeneinander in einem DIV zu haben. Dazu habe ich mir einen DIV in der Form von

<div>  
<img id="bild01"/>  
<img id="bild02"/>  
<img id="bild03"/>  
<img id="bild04"/>  
<img id="bild05"/>  
<img id="bild06"/>  
<img id="bild07"/>  
</div>

geschrieben und dazu eine CSS die die Bilder wie folgt ausstattet

#bild01 {  
	background:url(../images/Raum_01.jpg);  
	width:30px;  
	height:26px;  
	margin:0px;  
	padding:0px;  
	float: left;  
	border: 0px none #00F;  
}

jetzt habe ich zum einen das Problem, daß um jedes Bild ein dünner grauer Rahmen ist, wobei ich ja border, padding und margin schon auf 0 stehen habe zum anderen klappt das mit dem float auch nur im Firefox, der IE macht hingegen Abstände zwischen den Bildern und was dann beide machen, ist mir ein Symbol das ich nicht einordnen kann über jedes Bild zu legen.
Darf ich Bilder vielleicht erst gar nicht so zuweisen, wie ich das mache oder fehlt noch irgendwas wichtiges? Ja Stylesheet ist eingebunden um die Frage vorweg zu nehmen. Im Prinzip steht da momentan gar nicht außer dem Body, mit dem Div drin und dennoch will das überhaupt nicht klappen.

Grüße Marc