Positionnement <div>

Bonjour,

Voici le CSS de ma page :

<STYLE> 

body
{
  margin:0;
   background-color:#FF6666;
}
div#bg {
  background-image: url(images/fr/bg_1.jpg);
  background-repeat: no-repeat;
  top:-50px;
  position:absolute;

}
div#menu {
	position:absolute;
	width: 100%;
        text-align:center;
         top:650px;

}
div#bg img{
width:100%;
height:100%;
}


</STYLE>  

et le code html :

<div id="bg"><img src="images/fr/bg_1.jpg"></div>
<div id="menu">texte 1 - texte 2 - texte 3</div>

mon menu est positionné de manière absolue à 650 px du top mais comme mon image est resizable la hauteur du <div> contenant l'image varie en fonction de la résolution de l'écran.

Comment puis-je faire pour avoir le <div id="menu">toujours à la même distance du <div id="bg"> par exemple 20 pix en dessous.

Est-ce possible ?

Cordialement

Bonjour,

Si tu remplaces dans div#menu ton
top:650px;
par:

margin-top: 20px;


ça devrait marcher, non ?

Bonjour et merci pour ta réponse.

Ca fonctionne si j'imbrique les <div> chose que je n'avais pas fait :

<div id="bg">
<div id="img"><img src="images/fr/bg_1.jpg"></div>
<div id="menu">texte 1 - texte 2 - texte 3</div>
</div>

Merci !