[KOOL]

делаю шаблон для сайта, столкнулься со следующей проблемой: между блоками div в таблице появляются зазоры. перегуглил весь инет, но все, что там советуют, не помогло. В опере это выглядит, как во вложении, в хроме и в фф похуже, в ие ваще ж... кто что посоветует?
РНР-код:

PHP код:

<div id="mbar">
<table width="100%" summary="menubar" cellspacing=0 border=0 rules="none" frame="void">
<tr valign="top">
  <?php
    echo("<td rowspan=2 height=35 width=".$templatemenubarlcwidth.">");
  ?>
    <div id="menubartl"></div>//верхняя левая картинка
  <td height=20>
    <div id="menubartop"></div>//верхняя картинка
  <?php
    echo("<td rowspan=2 height=35 width=".$templatemenubarlcwidth.">");
  ?>
    <div id="menubartr"></div>//верхняя правая картинка
<tr>
  <td rowspan=2 height=30 valign="middle" align="center">
    <span id="menubar">
      <?php
        include($modulespath."menubar.php");
      ?>
    </span>
<tr valign="bottom">
  <?php
    echo("<td rowspan=2 height=".$templatemenubarbottomheight." width=".$templatemenubarlcwidth.">");
  ?>
    <div id="menubarbl">//нижняя левая картинка
    </div>
  <?php
    echo("<td rowspan=2 height=".$templatemenubarbottomheight." width=".$templatemenubarlcwidth.">");
  ?>
    <div id="menubarbr"></div>//нижняя правая картинка
<tr valign=bottom>
  <?php
    echo("<td valign='bottom' height=20>");
  ?>
    <div id="menubarbottom"></div>//нижняя картинка
</table>
</div> 


CSS:

Код:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62

table {   margin:0px;   border:none;   outline: none; }   .mbar div {   position:relative;   font-size:0;   display:block;   overflow: hidden;   margin:0px;   outline: none;   border:none; }   #menubartop {   height:20px;   background: url('images/menubartop.gif'); }   #menubarbottom {   height:20px;   background: url('images/menubarbottom2.gif') ; }   #menubartl {   width:116px;   height:35px;   background: url('images/menubartl.gif')t; }   #menubartr {   height:35px;   background: url('images/menubartr.gif'); }   #menubarbl {   height:35px;   background: url('images/menubarbl.gif'); }   #menubarbr {   height:35px;   background: url('images/menubarbr.gif'); }   #menubar {   font-size:16px;   font-family:"Arial Black";   color:#DDDDFF;   text-align:center; }