display:inline i Firefox Opcje

[yavaho]

Mam tu taki przyklad dwoch div'ów, ktore sluza tylko do wypelniania ich zawartosci jakims kolorem lub grafika.

[HTML] pobierz, plaintext 
<div style="width:100px; height:100px; background:#cccccc;"></div>
<div style="width:100px; height:100px; background:#dddddd; display:inline;"></div>
[HTML] pobierz, plaintext 

Dlaczego drugi div nie jest wyswietlany przez Firefoxa?

Chyba przy wszystkich stylach, ktore wymuszaja ukladanie elementow w jednej lini w poziomie Firefox zeruje ich rozmiary (display:inline, display:table-row itp.)
Jak można ulozyc takie div'y w poziomie nie stosujac w nich stylu: float ?

[yavaho]

Czy to: div, span, p, li - to przy kazdym tagu ten sam efekt.
Ja chce tylko wyswietlic dwa elementy blokowe obok siebie ale wysrodkowane na stronie. Elementy te maja miec okreslone rozmiary i maja byc wypełnione tłem - tak jak ponizej, ale to jest widoczne tylko pod IE i Opera.

[HTML] pobierz, plaintext 
<style>
.center {
	width:100%;
	text-align:center;
}
.blok {
	width:100px;
	height:100px;
	background:#cccccc;
	display:inline;
}
</style>
 
<div class="center">
	<div class="blok"></div>
	<div class="blok"></div>
</div>
[HTML] pobierz, plaintext