Problème de calques sous Firefox

Bonjour tout le monde,

J'ai un petit problème qui me fait perdre un peu de temps, et je voudrais savoir si l'un d'entre vous pourrai m'aider.


Voila j'ai une page toute simple qui présente du contenu et parmli celui ci il y a un calque qui contient simplement des liens hypertextes et une image d'arrière plan.

Code HTML :

<div id="menuhaut">
<table width="100%" cellpadding="0" cellspacing="0">
	<tr> 	<a href="#">Plan 
  du site </a>| <a href="#">Plan d'acc&egrave;s </a>|<a href="#"> Nous contacter 
  </a> </tr>
</table> </div>

J'applique à ce calque le code css suivant :

#menuhaut {
	position: absolute; 
	width: auto; 
	background-image: url(test_files/test_topstrip.gif);
	height: 24px; 
	left: 0px;
	z-index: 1; 
	top: 132px;
	
}

Ce calque représente simplement une barre bleue avec des liens à l'intérieur.
sous IE le calque couvre bien la totalité de la largeur de ma page, mais sous mozilla la taille du calque est réduite et ne fait qu'un tiers de ma page.

Est-ce que quelqu'un sourrait résoudre ce genre de problème svp.

Merci d'avance.
Modifié par jack24 (10 May 2006 - 11:20)

Bonjour,
Tu mets width:auto
L'interprétation n'est pas la même par les deux navigateurs.
As-tu essayé avec 100% ?
Une autre solution que le 100% est d'écrire une nouvelle table de css, juste pour ta div, en javascript, par document.write avec un width:"+larg+"...
larg ayant été défini en screen.availWidth

Merci pour ton aide.

En réalité j'ai rajouté un <td></td> à l'intérieur de mon <tr> et à priori ça a l'air de fonctionner.