Probleme avec web developer

Bonjour,
PAR PITIE ! je vais serieusement péter l'ordi de la fac là -_-.

Je dois faire un site en xhtml, et y integrer un CSS.

J'ai mis des boutons dessus. Sur le même CSS, les bouton de ma page d'accueil marchent parfaitement.
En revanche, mes bouton des autres pages fonctionne tant que je suis en mode "éditer les CSS" avec web developer. Mais dès que je sors de ce mode, ces boutons ne marche plus. Je rapelle que les bouton de l'accueil fonctionnent bien avec ou sans web developer.

Bon, histoire de vous faire comprendre groso modo mon CSS : c'est un site d'énigme, si on répond bien on passe à la suivante. Les enigmes sont rangé par niveau.
Pour l'instant seul le niveau 1 est fait, il consistent à ouvrir des portes pour entrer dans des salles.

acc pour accueil, rest pour le... reste XD.
Je travaille sur linux.
Ce sont les bouton : body#rest #s* qui deconnent (* pour 1,2,3) dans NIVEAU(pages)/1/salles

Mon CSS :

/**********BODY**********/

body {
text-align:justify;
font-size:12pt;
font-family:cmr10;
}

/***/

body#acc {
background-image:url(pages/images/fondaccueil.jpg);
background-size:340px;
}

/***/

body#rest {
background-color:#FFCC99;
}

/***/

.global {
width:900px;
margin-right:auto;
margin-left:auto;}

/**********TITRES********/

body#acc h1 {
text-align:center;
font-size:62pt;
font-family:purisa;
font-weight:900;
color:brown;
position:absolute;
top:-25px;
}
body#acc h2 {
text-align:center;
font-size:32pt;
font-family:URW Chancery L;
color:#998833;}
body#acc h3 {
font-size:20pt;
}
/****/

body#rest h1 {
text-align:center;
font-size:32pt;
}

body#rest h4 {
text-align:center;
font-size:15pt;
text-decoration:underline;
}

/*********accueil***********/

div#a {
position:relative;
top:180px;
width:650px;
left:250px;
}


/******histoire******/

body#acc div#b {
position:relative;
top:200px;
width:650px;
left:250px;
}
body#acc em#sol {
font-size:15pt;
font-weight:bold;}

/******conclusion*******/

body#acc div#c {
position:absolute;
top:1200px;
font-family:arial;
font-weight:bold;
background-color:black;
width:900px;
color:#FFFFFF;
font-size:20pt;
text-align:center;}

/******NIVEAU(acc)*******/

body#acc div#n {
position:absolute;
top:350px;
width:210px;
list-style-type:none;
font-weight:bold;
}

body#acc .boutona a {
display:block;
width:200px;
line-height:30px;
text-align:center;
vertical-align:center;
background:url(pages/images/bvert11.gif) no-repeat;
color:black;
text-decoration:none;
}
body#acc .boutona a:hover {
background:url(pages/images/bvert12.gif)
no-repeat;
}

body#acc .boutonb a {
display:block;
width:200px;
line-height:30px;
text-align:center;
vertical-align:center;
background:url(pages/images/bbleu11.gif) no-repeat;
color:black;
text-decoration:none;
}
body#acc .boutonb a:hover {
background:url(pages/images/bbleu12.gif)
no-repeat;
}

body#acc .boutonc a {
display:block;
width:200px;
line-height:30px;
text-align:center;
vertical-align:center;
background:url(pages/images/brouge11.gif) no-repeat;
color:black;
text-decoration:none;
}
body#acc.boutonc a:hover {
background:url(pages/images/brouge12.gif)
no-repeat;
}

body#acc .boutond a {
display:block;
width:200px;
line-height:60px;
text-align:center;
vertical-align:center;
background:url(pages/images/bviolet11.gif) no-repeat;
color:black;
text-decoration:none;
}
body#acc .boutond a:hover {
background:url(pages/images/bviolet12.gif)
no-repeat;
}
/*******NIVEAU(pages)*******/
/******1******/
/********salles********/

body#rest #s1 a {
font-size:14pt;
font-weight:bold;
display:block;
width:190px;
line-height:35px;
text-align:center;
vertical-align:center;
background:url(../images/parcho1.jpg) no-repeat;
color:black;
text-decoration:none;
}
body#rest #s1 a:hover {
background:url(../images/feu1.jpg)
no-repeat;
}

body#rest #s2 a {
font-size:14pt;
font-weight:bold;
display:block;
width:190px;
line-height:35px;
text-align:center;
vertical-align:center;
background:url(../images/parcho1.jpg) no-repeat;
color:black;
text-decoration:none;
}
body#rest #s2 a:hover {
background:url(../images/feu1.jpg)
no-repeat;
}

body#rest #s3 a {
font-size:14pt;
font-weight:bold;
display:block;
width:190px;
line-height:35px;
text-align:center;
vertical-align:center;
background:url(../images/parcho1.jpg) no-repeat;
color:black;
text-decoration:none;
}
body#rest #s3 a:hover {
background:url(../images/feu1.jpg)
no-repeat;
}

/*********back*********/

body#rest div#back {
position:absolute;
top:720px;
}

/*****sommaire*****/

body#rest #soma {
text-align:center;
font-size:15pt;
font-weight:bold;
}