DIV'owy zawrót głowy

[Uriziel01]

Witam serdecznie (mój pierwszy post na tym zacnym forum, choć nie od dziś obserwuje tutejsze tematy/dyskusje). Będę NAPRAWDE bardzo wdzięczny za pomoc w tej kwestii.

Nadszedł tak dziwny czas że zamiast napisać coś samemu musiałem przejąć projekt po kimś innym, po milionach poprawek o 90% juz działa, męczę się aktualnie z takim kawałkiem kodu:

while($row = mysql_fetch_row($result) AND $ii<=5){
	$ii++;
	?><div ><?
	if ($row[16]=="B") {
	echo '<p class="post-footer" style="background: #E5F0E0">';
	}else{
	echo '<p class="post-footer">';
	}
	 	  $czas=date("Y-m-d H:i:s");
	if (strtotime($czas)-strtotime($row[15]) < $NewTime) echo '<img src="http://www.longman.pl/layout/i_new.png" style="border: 0px" width=50 class="float-right">';
		  if ($row[7]!=0) echo '<img src="http://www.podmotylami.pl/images/promocja3.gif" style="border: 0px" width=50 class="float-right">';
	if ($row[16]=="B") {
	echo '<span style="position:relative"><a href="#" onmouseover="Chmura(this,1)" onmouseout="Chmura(this,0)">';
	 echo '<img src="images/b.png" style="border: 0px" width=50 class="float-right">';
	 echo '</a><div class="Chmura"><b>Kategoria B</b><br><font color="black">Ten towar nie posiada oryginalnego opakowania, organem gwarancyjnym jest sklep.</font></div></span>';
	}else{
	echo '<span style="position:relative"><a href="#" onmouseover="Chmura(this,1)" onmouseout="Chmura(this,0)">';
	echo '<img src="images/a.png" style="border: 0px" width=50 class="float-right">';
	echo '</a><div class="Chmura"><b>Kategoria A</b><br><font color="black">Ten towar jest opakowany w oryginalne pudełko producenta posiada ważną gwarancję producenta.</font></div></span>';
	}		   
	  echo '<br>Nazwa:';
	  echo $row[2];
	  if ($row[7]==0){
	  	 echo '<br>Cena:';
	  echo $row[1],'zł';
	  }else{
	  echo "<br><s>Cena:",$row[1],'zł</s> ','<font color="red" size=3><br>Cena:<b>',$row[1]-$row[7],"zł</b></font>" ;
	  }
      echo "<br><a href='$row[3]' rel='lightbox'><img src='$row[3]'  width='90' /> </a>";
	if ($row[13]!="")  echo "<a href='$row[13]' rel='lightbox'><img src='$row[13]'  width='90' /> </a>";
	if ($row[14]!="")  echo "<a href='$row[14]' rel='lightbox'><img src='$row[14]'  width='90' /></a>";
	  echo "<br><a href='sklep.php?tryb_sklepu=2&kat=$kategoria&ID=$row[9]'  class='float-right'>Szczegóły/Kup>></a><br></p></div>";
   }

Może i chciałbym zrobić to kompletnie inaczej ale mam związane ręce, użyłem tylko mini wstawki Java'owej do obsługi ToolTip'ów:

<script type="text/javascript">
function Chmura(T,t){
 T.title=''
 T.parentNode.lastChild.style.display=t?'block':'none'
}
</script>

(posiotion:relative jest potrzebne gdyż na początku wrzuciłem do stylu CSS "position:absolute;display:none;", chyba każdy wie o co chodzi)

Probleme jest rozpadanie się elementu <p class="post-footer">, gdy dorzucam do niego DIVa z tymi ToolTip'ami 'wyrzuca' on z Siebie całą zawartość, o dziwo pod FireFox'em wszystko jest w 100% OK, stronka sypie się pod Opera, Chrome, IE7 i Safari :/ Oto screeny dla ukazania problemu:

Mozilla Firefox-->

Inne(Opera etc.) -->

[mervin]

Mógłbyś podać link do strony tutaj, bądź na PW?