Front page IE versus Moxilla Firefox

Bonjour,

J'utilise depuis de nombreuses années Front Page pour mon site http://ladombes.free.fr et j'aimeria que l'on puiss m'aider sur la question suivante :

J'utilise une CSS afin de centrer ma page sur IE (et cette CSS fonctionne bine sur Firefox mais pas sur IE)

Où est l'erreur ?

CSS
body
{
width:705px;
margin:auto;
}

ul li
{
margin:0px;
padding: 2px 0 2px 15px;
}

p, h1, h2
{
margin:0;
paddin:0;
}

.al
{
text-align:left;
}
h2
{
background-color: #0000FF;
color: #FFFFFF;
border: 1px solid #0000FF;
margin:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
align: center
}

<h2 align="center" style="background-color: #0000FF; color: #FFFFFF; border: 1 solid #0000FF; margin: 1">
<b>
<font face="Arial" size="2">
Les événements  à ne pas manquer en 2006</center></font></b></h2>

#general
{
border:1px solid #3333FF;
padding-top:2px;
padding-bottom:5px;
/*pour IE*/
}


<table id="navigation">

#navigation
{
width: 180px;
padding: 0;
margin: 0;
border-collapse: collapse;
}

#navigation td
{
height: 500px;
border-bottom: 2px solid #460016;
background-colour: #FFDFEA;
color: #460016;
}

#navigation a:link, #navigation a:visited
{
margin-left: 500px;
color: #460016;
background-color: transparent;
font-size: 500px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
}


#recette
{
border:1px solid #3333FF;
padding-top:2px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
width:60%;
margin-left:20px;
margin-right:20px;
/*pour IE*/
}

.MsoNormal
{
text-align:left;
}

#p
{
text-align: justify;
font: 10px Arial, Helvetica, sans-serif;
line-height: 2.0;
}

general
{
border:1px solid #3333FF;
padding-top:2px;
padding-bottom:5px;
padding-left:55px;
padding-right:55px;
width:90%;
margin-left:90px;
margin-right:90px;
text-align:center; /*pour IE*/
}



Exemple de page qui ne fonctionne pas sur les 2 (IE Firefox)
http://ladombes.free.fr/Tous%20les%20Etangs.htm


Par avance merci

Alain