Probléme css sous firefox

Bonjour,
je fais un site pour un client et j'ai toujours testé mon site sur le nouveau navigateur de google (chrome) mais après avoir fini la page principale j'ai pensé qu'il serait bon de le testé sur d'autres navigateurs et en effet met css ne fonctionner pas bien sûr Firefox. Donc, j'ai révisé mes css et ça fait bientôt plusieurs heures que je cherche donc je viens chercher votre aide.
Voici mon css

#news
{
   float:right;
   width: 180px;
   border:#999999;
   background-color:#FFFFFF;
}

#news table {
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:0px;
	border-bottom-width:0px;
	margin-left:2px;
}  



#news h1{
	text-align:center;
	font-size:14px;
	font-weight:bold;
}
#news p{
	margin:0px;
}

et voici mon code

<div id="news"><img src="Images/News_top.png" width="176" />
  	<table width="172" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF">
    	<tr>
        	<td>
			<?php
			$Req ="Select titre,texte,date from tbl_news order by date desc";
			$Res=mysql_query($Req,$Con); 
   			while($Ligne = mysql_fetch_row($Res))
			{
				print("<p><h1>__________________</h1></p>");
				print("<p><h1>".$Ligne[0]."</h1></p>");
				print("<p>");
				echo date('Y-m-d', $Ligne[2]);
				print("</p>");
				print("<p>".$Ligne[1]."</p>");
			}
			?>
        	</td>
        </tr>
  </table>
  <img src="Images/News_bottom.png" width="176" />
</div>

et voici le résultat que je recherche et qui est affiché comme ça sur chrome et safari
[IMG]http://img15.imageshack.us/img15/1164/chromew.jpg/IMG

et le résultat obtenu sur firefox et opera
[IMG]http://img16.imageshack.us/img16/3877/firefoxc.jpg/IMG