как изменить высоту родительского div?

Я новичок в CSS. Я хочу применить цвет фона для div. Но высота div равна нулю. div имеет дочерние элементы. Вот мой код. Я добавил float к этим элементам ul,li Я искал так много сайтов, которые я применил к div, но не изменился.

 <div id="menulinks">
    <ul class="dropdown">
        <li>
            <a href="#">projectCategoraization</a>
            <div id="submenu_pc">
                <ul class="submenu">
                    <li><a href="#">dgfdg</a></li>
                    <li><a href="#">tutyu</a></li>
                    <li><a href="#">ert45</a></li>
                    <li><a href="#">7y56uty</a></li>
                </ul>
            </div>
        </li>
    </ul>
</div>

стиль

#submenu_pc {
    width:240px;
    display:none;
    position:absolute;
}
.dropdown {
    float:left;
}
.dropdown li {
    float:left;
    list-style:none;
}
.submenu {
    position:absolute;
}
.dropdown ul li {
    float:none;
}

скрипт

$(function(){
  $(".dropdown li").hover(function(){
        //alert("soumya");
        $(this).addClass("hover");
    $('#submenu_pc').css('display', 'block');
  });
});