Avoiding spacing and fixing a unique dimension in displayed images with marquee

Question

I have a web application in which I'd like to create a image slide show with the tag marquee. I have this snippet

<table >
  <tr><img src="http://www.universityarchives.com/App_Themes/UA/images/img_pi_bkg_top.png" style="width : 797px">
  </tr>
</table>
<div  style="background : #3F2D2C; margin-left : 14px;" >
  <MARQUEE SCROLLDELAY="19" Truespeed BGCOLOR="#3F2D2C">
    <table cellspacing = 20>
      <tr>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=55856&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56196&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56551&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56460&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56545&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56557&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56407&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56392&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56479&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56321&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56451&ImageOrder=1&IsPremierePageItem=true" />
        </td>
        <td>
          <img src="http://www.universityarchives.com/DisplayImage.aspx?StockNumber=56454&ImageOrder=1&IsPremierePageItem=true" />
        </td>
      </tr>
    </table>
  </MARQUEE>
</div>

My problem is how do I avoid the space between the image and the div tag even when I put style="margin-top : 0px the space still exist. How can I fix a unique dimension of all the displayed images?

Answer 1

for starters - you have to close the image tag with a /> try removing the first table - with the image in it and then make the image display:block

Jsfiddle

is that what you're looking for?