Padėkit sulenkti lentelę.

Sveiki, reikia padaryti lentelę, kuri neturėtų stačių kampų, bet kažkodėl nesigauna. Ta border-radius keiciu kiek noriu, ji man nesusilenkia nėkiek, kodėl?

HTML kodas:

<div class="lentele2">

<table>

<tr>

<td>1</td>

</tr>

<tr>

<td>2</td>

</tr>

<tr>

<td>3</td>

</tr>

<tr>

<td>4</td>

</tr>

<tr>

<td>5</td>

</tr>

<tr>

<td>6</td>

</tr>

<td>4</td>

</tr>

<tr>

<td>5</td>

</tr>

<tr>

<td>6</td>

</tr>

</table>

</div>

CSS kodas:

.lentele2 table {

float:center;

border-radius: 25px;

border-spacing: 1px;

width:400px;

height:750px;

border: #b7b7b7 3px solid;

border-collapse: collapse;

}

.lentele2 table tr td {

background-color:#ffffff;

border:0;

border-bottom: 1px solid #b7b7b7;

border-radius:10px;

}

border-radius veikia ne visose naršyklėse, dar reikia -webkit-border-radius ir -moz-border-radius:

http://css-tricks.com/almanac/properties/b/border-radius/