Problème de div en css

Bonjour,

Je vous explique mon problème.
Je suis en train de créer un site web mais j'ai de la difficulté avec les balises "div".En général,je m'en sors pas mal tout seul mais là je coince,je ne trouve pas de solutions.
Donc j'ai fait un div pour mon entete et dans cet entete,il y a 2 autres div que j'arrive à redimmensionner et à bouger à l'intérieur de mon div entete principal mais le problème est que je sais pas comment les rendre indépendant l'un de l'autre.Je m'explique:
Dés que j'essaye de donner un margin-top au premier,le deuxième descend en même temps et quand je fais un margin-top sur le deuxième,il prend sa position de départ sur le premier div et non sur la marge de l'entete principal.

Heu vous me suivez jusque là? :/
Bon,si oui,je vais vous montrer mes codes...Et si non,bin demandez moi,j'essaierais d'être plus clair.

Bon voici donc mon code HTML:

<!-- EN TETE -->
<center>
<div id="entete"> <--------entete général

<div id="textemenuimage"> <----------1er div
TITRE DE LA PAGE
</div>

<div id="retourmenu"> <----------2ème div
<a href="../index.html"> Retour au menu principal </a>
</div>

</div>
</center>
<!-- FIN -->

J'espère que le code est assez clair.
Voici maintenant mon code CSS:

#entete
{
color:white;
font-weight:bold;
height:100px;
width:1000px;
background:url('images/fond/banniere.png');
background-position:center;
border:2px solid red;
}


#textemenuimage
{
float:left;
width:300px;
margin-top:30px;
margin-left:350px;
border:2px solid red;
}



#retourmenu
{
float:right;
width:200px;
margin-right:50px;
border:2px solid red;
}


J'ai mis des bordures sur chaque div pour pouvoir les visualiser comme il faut.
Voilà les div "textemenuimage" et "retourmenu" ne sont pas indépendant l'un de l'autre,il y en a toujours un qui interagit dés que j'en modifie un autre.
Merci d'avance pour vos idées et votre aide.