Grafiken im Banner ausrichten

[jen]

Hallo zusammen,

meine Homepage hat oben ein Art Banner.

Er besteht aus drei Grafiken und einem schwaren Hintergrund.

css:

  
div#kopf {  
margin: 0 0 1em;  
width: 78em;  
background-color: #000000;  
border: 1px; border-color:#ffffff; border-style: solid;  
height:11.3em;  
}  
  
div#links{  
height:11.3em;  
text-align:left;  
float:left;  
}  
  
div#mitte{  
height:11.3em;  
text-align:middle;  
float:left;  
}  
  
div#rechts{  
height:11.3em;  
text-align:right;  
float:right;  
}

index:

  
<div id="kopf">  
  <div id="links"><img src="./pics/links.jpg"></div>  
  <div id="mitte"><img src="./pics/mitte.jpg"></div>  
  <div id="rechts"><img src="./pics/rechts.jpg"></div>  
  </div>

Die Grafiken sollen rechts, mittig und links ausgerichtet werden.
Das mit rechts und links funktioniert ja, aber mittig nicht.
Wenn Möglich soll die mittlere Grafik mittig zu den anderen sein. Also zu den anderen Grafiken rechts und links der gleiche Abstand.

Was mache ich falsch?

Bitte um Hilfe.

Lg jen