Помогите с height'ом Div Блока

[Udyr]

Есть Div-ый блок у него есть background только вот height у него не растягивает, подскажите из-за чего ?

http://jsfiddle.net/ELGgj/

  <style>
        #hero-info {width: 678px;
            height: 100%;
             background: #000;}

        .hero-skill-pic, .hero-skill-block {
            float: left;
        }
        .hero-skill-pic {
            margin: 10px 10px 0 10px;


        }
        .hero-skill-block {
            width: 550px;
            border-left: 2px solid #FFF;
        }
        .hero-skill-disc {

            border: 2px solid #FFF;
        }     
    </style>

<div id="hero-info">
 <div class="hero-skill-disc">
        <div class="hero-skill-pic"><img src="http://savepic.net/1711532.png" alt="" /></div>
        <div class="hero-skill-block">
            <h3>Солнечный свет</h3>

            <div class="hero-skill-text">
                Текст текст текс Текст текст текс Текст текст текс Текст текст текс Текст текст текс Текст текст текс Текст текст текс
            </div>
        </div>
    </div>
</div>

[Vlad]

Добавьте к стилю overflow: auto;

[Udyr]

Огромное спасибо Vlad