Mais j'ai déjà des problèmes dans ma page dont voici le code
<!DOCTYPE html>
<html>
<head>
<title>SpeakWorld: Communiquez avec vos proches !</title>
<meta name='description' content='Restez en contact avec vos proches sur SpeakWorld, le tout nouveau réseau social sûr et sécurisé !' />
<meta name='keywords' content='SW, Réseau, social, discuter, échanger, partager' />
<style type='text/css'>
body
{
padding: 0;
margin: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
background: #FFF;
}
.bold { font-weight: bold; }
.medium { font-weight: medium; }
.normal { font-weight: normal; }
.cursor, .cursor.default { cursor: default; }
.cursor.pointer { cursor: pointer; }
.overline { border-top: 1px solid #CCC; }
.underline { border-bottom: 1px solid #CCC; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.center { margin: 0 auto; }
.text.center { text-align: center; }
.text.right { text-align: right; }
.text.left { text-align: left; }
.display.none { display: none; }
.display.block { display: block; }
.display.inline { display: inline; }
.display.inline.block { display: inline-block; }
a { color: #1E90FF; text-decoration: underline; }
a:hover { text-decoration: none; }
div#header-container { background: #00BFFF; color: #FFF; margin: 0; }
div#header-container h1 { padding: 5px; margin: 0; }
div#header-container div#header { width: 1100px; }
</style>
</head>
<body>
<div id="header-container">
<div class="right">
<label for="email">Adresse Email</label>
<input id='email' type='text' value='' />
<label for="password">Mot de passe</label>
<input type='password' />
</div>
</div>
<div id='container'>
<div id='content'>
</div>
<div id='footer'>
<p>SpeakWorld © 2012. Toutes les sources sont la propriété de SpeakWorld.<br>
Version 1.0</p>
</div>
</div>
</body>
</html>
quand je fais <div class="right">, header-container disparaît !