Вершина круглого прямоугольника не работает

Question

Я пытаюсь сделать бесконечный круглый прямоугольник, но я не могу заставить вершину соответствовать ... вот как это выглядит ... http://animactions.ca/Animactions/accueil.php

Вы заметите, что нижняя часть круглого прямоугольника в порядке, но я часами пытался определить верх. Спасибо

извините, загрузка сайта не удалась, теперь она работает

картина проблемы 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

Это из-за элемента h1. Это создает поле сверху. Добавьте это к вашему CSS:

h1 {margin-top: 0px}

Если вы используете Firefox, установите Firebug . Это отличный инструмент для отладки HTML-кода, а также подсвечивает области отступов и полей для элементов.