Mauvaise position des images pour le glow

Nohman
Javascript

Bonjour à tous,

J'ai fait le tutoriel pour l'effet de luminosité, puis j'ai essayer de l'adapté.
En somme, j'ai créé un menu horizontale grâce à un tableau :

[code]
<div id="menu">
<table id="table">
<tr>
<td class="menu-cell">
<a href="#" active>Accueil</a>
</td>
<td class="menu-cell">
<a href="#">Concept</a>
</td>
<td class="menu-cell">
Prestations
</td>
<td class="menu-cell">
Réalisations
</td>
<td class="menu-cell">
Origines
</td>
<td class="menu-cell">
Me contacter
</td>
</tr>
</table>
</div>
[/code]

Avec ce css :
[code]

menu{ 
text-align: center;
background: url(IMAGES/fond-menu.png);

}

menu table { 
margin: auto;
color:grey;
border-collapse: separate;
border-spacing: 15px 0px;
position:relative;

}

menu table tr{ 
background: url(IMAGES/fond-menu-cellule.png);

}

menu table tr .menu-cell { 
width: 148px;
height: 40px;
background: url(IMAGES/item-menu.png);
position:relative;

}

.glow{
background: url(IMAGES/back.png);
width: 149px;
height: 40px;
top:0;
position: absolute;
}
[/code]

Le problème principale, c'est que je n'arrive pas à caché le fond coloré de ".glow", il se place toujours devant ma cellule, si vous avez une solution, je suis preneur.

Aucune réponse