разметка таблиц + выделение (CSS)

какими дивами можно сделать с пхп страницей вот такую разметку и с таким выделением(имеется ввиду коротеньким таким) ?

подскажите плиз

http://upwap.ru/1391588

.div:hover {
background: #9ae;
border: 1px solid #555;
display:block;
border-radius: 3px;
}
типа того

2. ramzes, а на 2 колонки нак делить ? только html^ем ?

всё намного проще
Устанавливаешь размер чтоб влезало аккурат две папки
Ну а дальше (без <br/>) они списком фигачат в две колонки.
либо :
<div id="обвес">
<div class="лево">
папка
папка
папка
(можно так
<ul>
<li>
папка
</li>
<li>
папка .....)
</div>
<div class="право">
папка
</div>
в стилях :
.обвес{

}
.лево{
float: left;
}
.право{
float:right;
}
ну это начальная стадия. Дальше подгонка уже по ширине, высоте и тд.