Ciao a tutti,
ho riscontrato un problema di compatibilità con firefox, mentre su chrome e IE va tutto come dovrebbe...il problema penso sia riguardante il div tabella, che ho creato appositamente per aggirare il problema di ridimensionamento pagine e delle possibili diverse risoluzione degli schermi senza ricorrere alle percentuali...non capisco perchè su Firefox non posiziona i div delle singole immagini secondo le coordinate da me dategli...
Potete vedere il sito su http://celtica.host22.com
Ringrazio in anticipo chiunque abbia qualche suggerimento/soluzione a questo problema
Grazie e ciao!

Questo è il codice HTML:
codice:
  
<!DOCTYPE html PUBLIC "-//W3C//Dtr XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/Dtr/xhtml1-transitional.dtr">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ReadyMeals</title>
<style type="text/css">
body {
	background-image: url();
	background-repeat: repeat;
	background-color: #CCC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#apDiv8 {
	position:relative;
	height:58px;
	z-index:8;
	left: 541px;
	top: 706px;
}
#apDiv9 {
	position:relative;
	height:70px;
	z-index:9;
	left: 15px;
	top: -4px;
}
#apDiv10 {
	position:relative;
	height:70px;
	z-index:1;
	left: 0px;
	top: -49px;
}
#apDiv11 {
	position: relative;
	height: 70px;
	z-index: 1;
	left: 580px;
	top: 111px;
}
#apDiv12 {
	position: relative;
	height: 70px;
	z-index: 2;
	left: 280px;
	top: 188px;
}
#apDiv13 {
	position:relative;
	height:70px;
	z-index:3;
	left: 669px;
	top: 373px;
}
#apDiv14 {
	position:relative;
	height:70px;
	z-index:4;
	left: 100px;
	top: 560px;
}
#apDiv15 {
	position:relative;

	height:70px;
	z-index:2;
	left: -300px;
	top: 373px;
}
#apDiv16 {
	position:relative;
	height:70px;
	z-index:5;
	left: -380px;
	top: 188px;
}
#apDiv17 {
	position:relative;
	height:55px;
	z-index:6;
	left: -360px;
	top: 560px;
}
#apDiv18 {
	position:relative;
	height:70px;
	z-index:7;
	left: -360px;
	top: 643px;
}
#apDiv20 {
	position:absolute;
	margin-top:-60px;
	
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" >
<table width= "1259" border="0" align="center" cellpadding="0" cellspacing="0" >
<td>
 <tr id="apDiv20">[img]background2.png[/img]  
 <tr id="apDiv11">[img]italia.png[/img]  
 <tr id="apDiv13"><a href="russo/chisiamo.html">[img]russia.png[/img]  
 <tr id="apDiv14"><a href="cinese/chisiamo.html">[img]cina.png[/img]  
 <tr id="apDiv12"><a href="tedesco/chisiamo.html">[img]germania.png[/img]  
 <tr id="apDiv15"><a href="spagnolo/chisiamo.html">[img]spagna.png[/img]  
 <tr id="apDiv16"><a href="francese/chisiamo.html">[img]francia.png[/img]  
 <tr id="apDiv18"><a href="eng/chisiamo.html">[img]inghilterra.png[/img]  
 <tr id="apDiv17"><a href="arabo/chisiamo.html">[img]araba.png[/img]  
</td>
 </table>
</body >
</html >