Шапка состоит из рисунка. Его надо разделить на 3 части по вертикали(три строки). А 2 часть в свою очередь нужно разделить на 3 части по горизонтали(три столбца). Все это должно быть по всей странице(без полей). Как реализовать, чтобы работало на всех разрешениях?

код:

<div style=”width:100%;margin-bottom:0;padding:0;margin-top:0;”> 

<table cellpadding=”0″ cellspacing=”0″ border=”0″ width=”100%” valign=”top”> 

<tr>

<td width=”100%” colspan=”2″> 

<div style=”width:100%;margin-bottom:0;padding:0;margin-top:0;”> 

<img src=”images/img/head_1.jpg” width=”100%” align=”left” vspace=”0″ hspace=”0″ border=”0″> 

</div> 

<tr>

<td width=”25%” height=”100%”> 

<div style=”width:100%;height:100%;margin-bottom:0;padding:0;margin-top:0;”> 

<img src=”images/img/head_2_1.jpg” width=”100%” align=”left” vspace=”0″ hspace=”0″ border=”0″> 

</div>

<td width=”25%” height=”100%”> 

<div style=”width:100%;height:100%;margin-bottom:0;padding:0;margin-top:0;”> 

<img src=”images/img/head_2_2.jpg” width=”100%” border=”0″ align=”left” vspace=”0″ hspace=”0″ border=”0″> 

</div>

<td width=”50%” height=”100%”> 

<div style=”width:100%;height:100%;margin-bottom:0;padding:0;margin-top:0;”> 

<img src=”images/img/head_2_3.jpg” width=”100%” border=”0″ align=”left” vspace=”0″ hspace=”0″ border=”0″> 

</div>

<tr>

<td width=”100%” colspan=”3″> 

<div style=”width:100%;margin-bottom:0;padding:0;margin-top:0;”> 

<img src=”images/img/head_3.jpg” width=”100%” align=”left” vspace=”0″ hspace=”0″ border=”0″> 

</div> 

</table> 

</div>