[CSS] odstęp pomiędzy div z img Opcje

[kossa]

Witam,
mam problem z ustawieniem dwóch div'ów obok siebie w których są obrazki.

Mam div kontener (display: inline) a w nim dwa div'y i w każdym obrazek.

W IE pomiędzy tymi dwoma div'ami nie ma odstępu, natomiast w FF i O jest odstęp:

W FF i O jest odstęp (czarne tło)
(IMG:http://www.kossakowski.isp.net.pl/forum1.gif)

W IE nie ma odstępu:
(IMG:http://www.kossakowski.isp.net.pl/forum2.gif)

Oto kod html:

[HTML] pobierz, plaintext 
<div id="kontener">
 
	<div id="img_div"><img src="images/box_gps.gif" alt="" /></div>
	<div id="img_div"><img src="images/box_gps.gif" alt="" /></div>
 
</div>
[HTML] pobierz, plaintext 

Kod CSS (już trochę zakręcony, bo próbowałem różnych kombinacji, jak jest ok w FF i O to W IE jest źle...)

body {background-color: #000000;}

[HTML] pobierz, plaintext 
#kontener {
  display: inline;
    float: left;	
 
}
 
#img_div {
  display: inline;
  clear: left;
  padding: 0px;
  margin: 0px;				
}
 
div {
 padding: 0px;
 margin: 0px;
}
 
img {
border: none;
padding: 0px;
margin: 0px;
}
[HTML] pobierz, plaintext 

Proszę o pomoc w rozwiązaniu tego problemu.

Pozdrawiam,
Łukasz

[babejsza]

Nie może być dwóch id o takiej samej nazwie. Id ma być unikalne, czyli zamień to na klasę. Poza tym może to tylko uproszczony przykład, ale jeżeli są identyczne to możesz się do nich odwołać poprzez rodzica na zasadzie #kontener div {...}.

A co do samego problemu to spróbuj dla tych wewnętrznych div'ów zrobić float: left. Dopiero po nich wstaw np. <br style="clear: left" /> i wywal ze stylu div'a clear'a.

Trochę zamotałem. Nie sprawdzałem, ale powinno być ok

[HTML] pobierz, plaintext 
#kontener 
{  
float: left;		 
}
 
#kontener div 
{  
float: left;
padding: 0px;  
margin: 0px;
}
 
div 
{ 
padding: 0px; 
margin: 0px;
}
 
img 
{
border: none;
padding: 0px;
margin: 0px;
}
 
<div id="kontener">	
  <div><img src="images/box_gps.gif" alt="" /></div>
  <div><img src="images/box_gps.gif" alt="" /></div>
  <br style="clear: left" />
</div>
<br style="clear: left" />
[HTML] pobierz, plaintext