Witam. Mam problem z wyświetlaniem w chrom'ie.

Moja ramka na strone wyglada tak:

[HTML] pobierz, plaintext 
<div id="menu">
	<div class="gora_menu"><a href="">	<img src="img/dfg.png" border="0"/> </a></div>	
	<div class="gora_menu"><a href="">	<img src="img/dfg.png" border="0"/></a></div>
	<div class="gora_menu"><a href="">	<img src="img/dfg.png" border="0"/></a></div>		
	<div class="gora_menu"><a href="">	<img src="img/erg.png" border="0"/></a></div>	
	<div class="gora_menu"><a href="">	<img src="img/ersg.png" border="0"/></a></div>	
	<div class="gora_menu"><a href="">	<img src="img/fdgdfg.png" border="0"/></a></div>	
</div>
[HTML] pobierz, plaintext 

a css:

[HTML] pobierz, plaintext 
#menu {
 
	width : 1000px;
	height : 30px;
	margin-top: 10px;	
	background: rgba(109, 109, 109, 0.1);
	border: 2px solid #414141;
	padding: 4px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
}
 
.gora_menu {
	display: inline;
	margin-right: 20px;
	margin-left: 20px;
}
[HTML] pobierz, plaintext 

I we wszystkich przeglądarkach (IE, Opera, FF) wszystkie obrazki mieszczą się w ramce. Przy tych marginesach co podałem zostaje jeszcze nawet sporo miejsca po prawej stronie. Dopiero przy margin-right: 30px; margin-left: 30px; jeden z obrazkow sie nie miesci. Jedynie w chromie już przy nawet 15 go wywala do kolejnej linii. Dlaczego tak źle to interpretuje? Macie jakieś pomysły jak to zmienić aby w chromie też się to dobrze wyświetlało?

Resetowałeś CSSy?

Po twoim wpisie tak zrobiłem ale nic nie pomogło niestety.

Uściślenie: pod pojęciem reset CSS rozumiem załączenie specjalnego arkusza który maskuje ustawienia domyślne przeglądarek. Nie o odświeżenie cache. Przykładowy reset CSS.

Jedna rzecz która teraz mi się rzuciła w oczy - jak możesz nadawać marginesy skoro w .gora-menu masz ustawiony inline? Zmień na inline-block. Jeśli mimo to dalej masz defekt to rzuć gdzieś to na żywca - wtedy się zobaczy.

dzięki wielkie. Faktycznie po korekcie na inline-block wyświetla się poprawnie.