css - セクションのコンテンツに関する問題

Question

そのコンテンツのセクションに問題があります。

セクションに書いたものすべてがセクションの外に出て、セクションが空に見える場合！

HTML:

<section id="scopri">
<article id="scopridettagli">
    <div id="scoprisx">
        <ul class="scopriul">
            <li>
                <p class="scopri">problemone</p>
            </li>
            <br />
            <li>
                <p class="scopri">problemtwo</p>
            </li>
            <br />
            <li>
                <p class="scopri">problemthree</p>
            </li>
            <br />
            <li>
                <p class="scopri">problemfour</p>
            </li>
        </ul>
    </div>
    <div id="scopridx">
        <ul class="scopriul">
            <li>
                <p class="scopri">stillproblemfive</p>
            </li>
            <br />
            <li>

                <p class="scopri">problemsix</p>
            </li>
            <br />
            <li>
                <p class="scopri">problemseven</p>
            </li>
        </ul>
    </div>
</article>

CSS:

http://jsfiddle.net/giovapanasiti/yLtEy/3/

みんなありがとう！