Foro de elhacker.net

Que tal tengo una duda o mas no se como hacerlo quiero que al ir agregando listados en un ul se vayan bajando al llegar al maximo width del div donde esta el ul.
el error es que fuera de que pase los 600px baje el listado.
Mi codigo CSS

.cat6 ul li{
		display: table-cell;
		border-radius:4px;
		padding:4px;
     	background:#839307;
     	cursor:hand;
}
.cat6 ul{
	list-style:none;
    display:table;
     border-spacing: 5px;
 
}
.cat6{
    overflow-y:auto;
    margin-top:10px;
    border-radius:4px;
    WIDTH:600; 
    HEIGHT:210;
    background:#004602;
}
 

mi html

<div class="cat6"><ul><li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                <li><img width="100" height="100" src="/imgs/web/Logo.png"/></li>
                </ul></div>