[html/css] Problem z <div> i <p> w Firefoxie Opcje

[przemilke]

Witam ponownie!

Mam nastepujacy problem - od penego czasu uzywam <div> zamiast <table> no i jak nie rozjezdza sie w IE to rozjezdza sie w Firefoxie i na odwrot. Glownie probem pojawia sie przy wkladaniu w diva <p>

W tym wypadku w IE wyglada to tak (ciemnoszary pasek to <div>, zielony, specjalnie zakolorowany to <p>)

(IMG:http://img267.imageshack.us/img267/3415/probliejy6.png)

polega to na tym ze w ciemnoszarym divie umiescilem zielony <p> i jezeli chodzi o skutek to jest on tu pozadany

Natomiast w Firefoxie wyglada to tak

(IMG:http://img102.imageshack.us/img102/8889/problmozla5.png)

Dlaczego oto cssy tego diva i <p>

[HTML] pobierz, plaintext 
div.linki {
width:560px;
height:24px;
float:left;
vertical-align:top;
background:#666666;
}
 
p.kategoria {
width:180px;         // oczywiscie wys i szer zostaly dodane aby ukazac problem
height:24px;
color:#4599B2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background:#00FF00;
text-align:center;
float:left;              // napewno nie chodzi o ten float
}
[HTML] pobierz, plaintext 

Nie pomaga rowniez dodawanie do ktoregokolwiek z elementow clear:both;

A to kod HTML

[HTML] pobierz, plaintext 
<div class="linki"><p class="kategoria">LIVE</p></div>
[HTML] pobierz, plaintext 

Nie zwracajcie uwagi na jasno szary pasek z przodu.

Dzieki za wszelka pomoc i wskazówki