problemi lunghezza div

[techno]

Salve a tutti, sto avendo un problema sulla lunghezza di un box div.

CSS:

div.top_list {
    height:30px;
    background:url(../images/administrator/bgHeadingList.jpg) center left repeat-x;
    border-top:solid 1px #999;
} 

HTML:

<div id="col1_2" style="overflow:hidden;">
<div style="overflow-x:auto; min-height:500px;">
<div class="top_list">
<ul style="width:1411px;">
<li class="top_list" style="width:244px;"><span class="top_list">Nome e Cognome</span>
<li class="top_list" style="width:165px;"><span class="top_list">Città</span>
<li class="top_list" style="width:144px;"><span class=\"top_list\">Professione</span>
<li class="top_list" style="width:114px;"><span class=\"top_list\">Cellulare</span>
<li class="top_list" style="width:344px;"><span class="top_list">E-mail</span>
<li class="top_list" style="width:194px;"><span class="top_list">Contatto telefonicol</span>[/list]
</div>
</div> 

Allora il problema e che il box div "top_list" non prende la lunghezza del tag <ul>
ma si ferma alla larghezza del box "col1_2".