Buongiorno a tutti, essendo poco esperto di Html chiedo lumi a chi ne sa di più, sto realizzando un sito in html (che ovviamente si rifa a un css per lo stile, nel caso il problema sia css, in quanto non riesco proprio a capirlo decidano i moderatori), il problema è che la home è disallineata (in tutti i suoi elementi) rispetto alle restanti pagine che sono perfettamente allineate tra di loro, ho provato a fare mille modifiche, align, margin, ma niente di niente (riporto il codice della home e di una sola di quelle allineate).
Qualcuno più esperto può gentilmente aiutarmi? Ho passato due ore a modificare parametri, ma non c'è niente da fare.

Codice Home:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Societa' Agricola Florovivaistica L'eden</title>
<meta http-equiv="Content-Language" content="Italian" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<div id="wrap">
  <div id="header"> 
  	<h1 align="center">[img]images/Logo.jpg[/img]
  	</h1>
  </div>
  	<div id="menu" margin:auto>
		<ul>
      		[*]<font color="#00CC00">Home</font>
      		[*]<font color="#00CC00">Vivaio</font>
      		[*]<font color="#00CC00">Giardinaggio</font>
      		[*]<font color="#00CC00">Contatti</font>
	  		[*]<font color="#00CC00">Prodotti</font>
		[/list]
	</div>


 </p>
	<div style=text-align:center;>
		<table style="text-align:left; margin:auto; width:500px;" border="0">
  			<tr>
   			<th>[img]Foto%20sito/giardino.jpg[/img]</th>
    		<th>[img]Foto%20sito/vivaio.JPG[/img]</th>
  			</tr>
  			<tr>
  			<td align="center"><font color="#006666">Giardinaggio</font></td>
			<td align="center"><font color="#006666">Vivaio</font></td>
  			</tr>
  		</table>
  	</div>
	

</p>
	<div id="footer">
	</div>
</div>
</body>
</html>
Codice altre pagine:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Giardinaggio - Societa' Agricola Florovivaistica L'eden</title>
<meta http-equiv="Content-Language" content="Italian" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

<style>
html, body {
text-align: center;
}
#slideshow img { 
padding: 15px; 
border: 6px solid #ccc; 
background-color: #eee; 
}

#slideshow {
text-align: center;
margin: block;
padding: 0px;
}
</style>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jquery.cycle.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
  $('#slideshow').cycle({
    fx:'fade',
    speed:  1000,
    timeout: 2000
  });
});
</script>

</head>
<body>
<div id="wrap">
  <div id="header"> 
    <h1 align="center">[img]images/Logo.jpg[/img]
	</h1>
  </div>
  	 <div id="menu">
		<ul>
      		[*]<font color="#00CC00">Home</font>
      		[*]<font color="#00CC00">Vivaio</font>
      		[*]<font color="#00CC00">Giardinaggio</font>
      		[*]<font color="#00CC00">Contatti</font>
	  		[*]<font color="#00CC00">Prodotti</font>
		[/list]
	  </div>
 
    	

</p>

    	
  

</p>
  

<font color="#006666" size="3" face="tahoma">Lavori di giardinaggio:</font> 
  </p>
  

</p>
  

</p>

    	<div id="slideshow" margin:"auto" text-align:"center" > 
       		[img]Foto%20sito/balcone.JPG[/img] 
       		[img]Foto%20sito/bonsai.JPG[/img] 
    </div>
    

</p>
  	<div id="footer">
	</div>
</div>	
</body>
</html>