Ruckeln im IE

[Luna]

Hallo!

Ich hoff, ihr könnt mir weiterhelfen. Bastel da grad an einer Seite rum (bitte jetzt schon um Verzeihung - bin ziemlicher Laie). In allen Browsern haut mein Konstrukt hin, nur im IE zuckelt die rechte Minitabelle, wenn man mit der Maus über den Bild-Link fährt.

Hier der entsprechende Text + CSS:

<!-- MUSTEREINTRAG -->
  <div class="produkte">
  <h2>MUSTERNAME</h2>
  <a href="muster.jpg" target="_blank" title="MUSTERNAME">
  <img src="thmuster.jpg" width="150" height="108" alt="MUSTERNAME" /></a>

<table class="tablinks">
                  <tr>
                      <td>1 St&uuml;ck</td>
                      <td>€ 10,-</td>
                  </tr>
  </table>
  <table>
                  <tr>
                      <td>1 St&uuml;ck</td>
                      <td>€ 10,-</td>
                  </tr>
  </table>
  <div class="clearing"></div>
  <h3>PRODUKTBESCHREIBUNG</h3>
  <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </p>
  </div> <!-- Ende MUSTEREINTRAG -->

table  {
          border: thin solid red;
          border-spacing: 5px;
    }
    td {
       text-align: right;
       padding-right: 10px;
    }

div.produkte {
       overflow: hidden;
       width: 620px;
       background-color: #eef6f8;
       color: #1b3767;
       padding: 20px;
       padding-top: 25px;
       border: 3px solid #1b3767;
       margin: 15px 3px 3px 0;
     }

div.produkte img {
       float: left;
       margin-right: 15px;
       margin-bottom: 15px;
    }

div.produkte p {
        margin: 0 10px 10px 0;
    }

div.produkte h2 {
        margin-bottom: 20px;
        margin-top: 0px;
        font-weight: bold;
    }

.clearing {
       clear: both;
    }

.tablinks {
       float: left;
       margin-right: 20px;
       margin-left: 30px;
       margin-bottom: 10px;
    }