[wolontariat]tabela na div Opcje

[nospor]

Potrzebuję pomocy osoby, która zamieni mi poniższą tabelkę na same DIVy tak, by wyglądało tak samo jak by to było w tabelce

[HTML] pobierz, plaintext 
	<table style="border:1px solid black;">
	<tbody>
		<tr >
			<td rowspan="3" style="text-align:center;">
				Imię
			</td>
 
			<td rowspan="3" style="text-align:center;">
				Nazwisko
			</td>
			<td colspan="13" style="padding-left:1px !important;padding-right:1px !important;text-align:center;">
					Tytuł
			</td>
		</tr>
		<tr >
			<td colspan="13" style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:85%">2012-02</td>
		</tr>
		<tr >
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">02</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">04</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">06</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">08</td>
 
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">10</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">12</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">14</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">16</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">18</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">20</td>
 
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">22</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">24</td>
			<td style="text-align:center;padding-left:1px !important;padding-right:1px !important;font-size:10px;width:6.53846153846%">26</td>
		</tr>
 
		<tr >
			<td >
				Jan
			</td>
			<td>
				Kowalski
			</td>
			<td colspan="13" style="vertical-align: top;padding-left:0px !important;padding-right:1px !important;">
				Blabla
			</td>
		</tr>
		<tr >
			<td >
				Jan
			</td>
			<td>
				Kowalski
			</td>
			<td colspan="13" style="vertical-align: top;padding-left:0px !important;padding-right:1px !important;">
				Blabla
			</td>
		</tr>
		</tbody>
	</table>
[HTML] pobierz, plaintext 

[nospor]

NIe do końca. Na poniższym obrazku pokazałem, jak powinny wyglądać poszczególne divy
http://nospor.pl/table.png
Nie patrz na grubość linii - tak mi się narysowało (IMG:style_emoticons/default/smile.gif)


ps:
Blok w lewym górnym rogu IMIE NAZWISKO wysokością jest uzależniony od trzech wierszy po jego prawej. Czyli jaby pojawił się czwarty wiersz albo piąty albo wiecej to blok po lewej IMIE NAZWISKO powinien wysokością dostosować się do nich. Nie wiem, czy to jest w ogóle możliwe.