Style CSS - Adapter site au visiteur

body {
	background-color: #990033;
	background-attachment: fixed;
	background-image: url(images/terrainfond.jpg);
	background-repeat: no-repeat;
	background-position: center 10%;
	margin: 0; 
	padding: 0;
	overflow: auto;
}

ul#menu 
{
	position  :   absolute;
	margin    :   auto;
	padding   :   1px 1px 0;
	width     :   200px;
	top		  :	  350px;
	font-size :   1.2em;
	border    :   1px solid #990033;
	font-family: "Times New Roman", Times, serif;

}

ul#menu li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :   1px;            /* Ajout d'une marge en bas */
}

ul#menu li a
{
  width             :   auto !important; /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             :   100%;            /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;             /* Définition des marges intérieures */  
  text-decoration   :   none;            /* Suppression du soulignement */
  display           :   block;           /* Définition sous forme de block */
}

ul#menu li a:link
{
  color             :   #990033;            /* Couleur de la police */
  background-color  :   #F5FBFF;         /* Définition de la couleur de fond */ 
  border            :   1px solid #3399CC; /* Ajout d'une bordure */	
  border-left       :   4px solid #39C;  /* Rajout de la bordure gauche */
}
 
ul#menu li a:visited
{
  color             :   #990033;            /* Changement de la couleur de la police initiale */
  background-color  :   #F5FBFF;            /* Changement de la couleur de fond initiale */ 
  border            :   1px solid #3399CC;  /* Ajout d'une bordure */	
  border-left       :   4px solid #39C;  /* Changement de la couleur de la bordure initiale */
}

ul#menu li a:hover
{
  color             :   #993;            /* Changement de la couleur de la police initiale */
  background-color  :   #f4fbdc;         /* Changement de la couleur de fond initiale */
  border            :   1px solid #993;  /* Ajout d'une bordure */	
  border-left       :   4px solid #993;  /* Changement de la couleur de la bordure initiale */
}

ul#menu li a:active
{
  color             :   #FFC300;            /* Changement de la couleur de la police initiale */
  background-color  :   #FDFFA5;            /* Changement de la couleur de fond initiale */
  border            :   1px solid #FFC300;  /* Ajout d'une bordure */	
  border-left       :   4px solid #FFC300;  /* Changement de la couleur de la bordure initiale */
}	

div#title{
	position: relative;
	top: 12px;
	left: 260px;
	width:750px;
	height:24px;
	text-align: center;
	font-family: Papyrus;
	font-size: 24px;
	min-width: 16em;

	}
div#maison{
	position:relative;
	top: 58px;
	left: 280px;
	width: 90%;
	height:600px;
	min-width: 400px;
	max-width: 800px;
	overflow: auto;
} 

div#maison h1 {
	font-size: 1.5em;
	margin: 0 0 1em;
	font-family: Papyrus;

}
div#maison a {
color: blue;
text-decoration: none;
}

div#maison a:hover {
color:pink;
text-decoration:none
}

div#security{
	position: absolute;
	left: 70px;
	width:150px;
	top: 510px;
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	font-style: italic;
	color: #000000;
	text-align: center;

}
div#menumaison{
	position:absolute;
	top: 25px;
	left: 20px;
	width: auto;
	height:350px;
	min-width: 16em;
	overflow: auto;
} 


div#menumaison a.B {
 display: block;
 width: 168px;
 height: 87px; 
 background-image: url('../maison/images/terrain.gif') 
 }

div#menumaison a.B:hover {
 background-image: url('../maison/images/plan.gif') 
 }

Configuration: Windows XP
Firefox 3.0.3