[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:

Код:

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;
}