Problème avec le texte qui dépasse en redimentionnant la fenetre

bonjour,

J'ai un site avec grandeur selon l’écran (width en pourcentage). Simplement quand je redimensionne ma fenêtre j'ai le texte de mon contents qui sort de ma div et de son conteneur.
voici mon layout
un conteneur principale qui contient un header
dessous je créer un autrre conteneur qui contient en float mon menu et un contents et dessous un footer
voici le code

<div id="wrap">
    <div id="header">
    </div>
    <div id="container">
        <div id="menu">
            <ul>
                 <li></li>
            </ul>
        </div>
        <div id="contents">
        <h2><?php echo $CONTENTS_INDEX_TITRE ?></h2>
        </div>
        <div id="footer">
        <?php echo $FOOTER ?>
        </div>
    </div>
</div>

voici le code css

#wrap{
    width: 100%;
    min-height: 700px;
    background-color: #ff6600;
    color: #ff6600;
    font-family: Calibri,Arial,Times New Roman;
}

#header{
   width: 90%;
   height: 170px;
   background-color: black;
   margin-bottom: 10px; 
   text-align: center;
}

#container{
    clear: both;
    width: 90%;
    background-color: #ffcc66;
    color: black;
    overflow: hidden;
}
#menu{
    margin-top: 20px;
    width:210px ;
    height: 700px;
    float: left;
    height: 400px;
}
#contents{
    margin-left: 210px;
    width: 79%;
    padding-top: 40px;
    padding-right: 20px;
    font-size: 1.2em;
    min-height: 700px;
}
#footer{
    clear: both;
    text-align: center;
}

Pouvez vous m'aider a résoudre mon problème ou m'aiguiller sur le problème.

Je vous remercie d'avance pour les info que vous allez me donner

Di Blasio Michael
Modifié par dibla (12 Apr 2012 - 21:47)