Positionnement div/css

Bonjour,

je souhaite mettre côte à côte 3 div, de gauche à droite: gallery - description - avis; je les ai imbriqué dans une div article
J'ai crée mon style avec CSS, cela s'affiche bien mais si je fais un zoom (crtl + souris) les div description et avis vont dans gallery

Je vous laisse mon code

#article {
position: absolute;
padding: 3em 0 0 0;
margin: 20px; auto;
width: 70%;

}
#gallery{
float: left;

width: 40%;
}
#description {
padding: 0 0 0 40px;
float: left;
width:35%;
color: #B1e100;
font-size: 1.8em;
background:url(search.png) no-repeat left top;
}

#avis {
float: left;
padding: 10px 0px 0 70px;;
width: 15%;
font-size: 1.8em;
color: #B1E100;
background:url(comment.png) no-repeat top left;
}


HTML:
<div id="article">
<div id="gallery">
Lorem ipsum



<div id="description">
Contenu: lorem ipsum

</div>

<div id="avis">Votre Avis </div>


Je vous remercie d'avance de m'éclairer ou de me corriger
Céline

ps: mon site n'est pas en ligne ;)