Some div questions w/rollovers

[sciencebear]

On my site I am trying to create something relatively folder-esque. I have a set of tables and CSS that I am currently attempting to use for this purpose. Basically, the left div tag [tabs], I have three rollover images that serve as the "tabs" for the folders. Each are 25X60 and are supposed to be touching on top and bottom. However, for some reason adding rollovers makes them have a few pixels between the bottom of one image and the top of the other.

 

This is my html:

 

<div class="tabs">
  <a href="1.php" OnMouseOver="move_in('image1','images/1h.png')" OnMouseOut="move_out('image1','images/1.png')">
    <img src="images/1.png" border="0" alt="img1" name="image1">
  </a>
  <a href="2.php" OnMouseOver="move_in('image2','images/2h.png')" OnMouseOut="move_out('image1','images/2.png')">
    <img src="images/2.png" border="0" alt="img2" name="image2">
  </a>
<a href="3.php" OnMouseOver="move_in('image3','images/3h.png')" OnMouseOut="move_out('image3','images/3.png')">
    <img src="images/3.png" border="0" alt="img3" name="image3">
  </a>
</div>
<div class="content">
  [Content]
</div>

 

And this is my CSS:

 

.profiletabs {
float: left;
width: 25px;
padding: 0;
margin: 0;
}

.profilecontent {
float: left;
width: 497px;
min-height: 500px;
padding-left: 2px;
padding-top: 2px;
margin: 0;
border-color: #000000;
border-width: 1px;
border-style: solid;
}