[HTML][CSS]div tabelka border jako oddzielenie komórek a wysokość komórek Opcje

[Elber]

Witam,

mam problem,

mam diva w którym mam ustawiony line-height: 30px i w tym div'ie inne div'y o określonej szerokości i border-right: 1px które służą jako komórki... i wszystko jest ok póki nazwa nie jest dłuższa niż szerokość komórki z nazwą, wtedy tabelka sie trochę wysypuje ... da się to jakoś rozwiązać ?

(IMG:http://www.image-share.com/upload/1421/135.jpg)

[mortus]

Pokaż HTML i ewentualnie CSS.

[Elber]

Kod

<div class="list">
<div class="id">1</div>
<div class="id">1</div>
<div class="name">Długa nazwa nazwa nazwa nazwa</div><div class="quantity">
</div><div class="small">
</div><div class="pr"></div>
<div class="action"></div>
</div>

Kod

div.list {
float: left;
width: 100%;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
font-family: Tahoma;
font-size: 12px;
line-height: 30px;
}

i wszystkie div'y w div.list mają css:

Kod

div.id {
float: left;
width: 40px;
text-align: center;
border-right: 1px solid black;
}