Haut de rectangle arrondi ne fonctionne pas

Question

Je suis en train de faire un rectangle autour de l'infini, mais je ne peux pas sembler obtenir le haut de se conformer ... Heres quoi il ressemble ... http://animactions.ca/Animactions/accueil.php

Vous remarquerez la Au fond du rect rectale, c'est bien, mais Iv essayait depuis des heures de trouver le sommet. Merci

désolé, le téléchargement du site avait échoué, maintenant c'est

image du problème http://img511.imageshack.us/img511/6272/probleml.png

Html

<div id="page_content"> 
<div id="top">&nbsp;</div> 
<div id="middle"> 

    <h1>Site under construction</h1> 
    <p>Hello, this Web Site is not done yet, sorry.... </p> 

</div> 
<div id="bottom">&nbsp;</div> 

    </div> 

CSS

#top { 
    background-position: center bottom; 
    background: url('Images/RoundRect/top.png') no-repeat center 
bottom; 
    height : 12px; 
    padding : 0; 
    margin: 10px auto 0 auto; 
    width: 910px; 
} 

#middle { 
    background-position: left top; 
    padding: 0; 
    margin: 0 auto 0 auto; 
    width: 910px; 
    height: 5em; 
    background-repeat: repeat-y; 
    background-image: url('Images/RoundRect/middle.png'); 
} 

#bottom { 
    background-position: center top; 
    background: url('Images/RoundRect/bottom.png') no-repeat center 
top; 
    height : 12px; 
    padding : 0; 
    margin: 0 auto 10px auto; 
    width: 910px; 
} 

Answer 1

Ceci est dû à la h1 élément. Cela crée une marge en haut. Ajouter ceci à votre CSS:

h1 {margin-top: 0px} 

Si vous utilisez Firefox, installez Firebug. C'est un excellent outil pour déboguer le code HTML et met en évidence les zones de remplissage et de marge pour les éléments.