Horizontaler Scrollbalken in Tabellenzelle

[localhorst]

Hallo Forum,

ich möchte gerne viele Bilder (100x140 Pixel) neben einander in einer Tabellenzelle darstellen. Wenn dann mehr als drei in diesem Beispiel neben einander sind, also der Platz nicht mehr ausreicht, soll ein horizontaler Scrollbalken gesetzt werden.

Firefox macht das auch so, der IE leider nicht. Ich habe auch schon mit overflow-x rum experimentiert, aber das ging auch nicht.

In der css Datei habe ich folgende stehen

.overflowDiv{ width: 100%;
     height: 160 px;
              overflow: auto;

}

* html.overflowDiv{ overflow-x: scroll;
                    overflow-y: scroll;
                    }

Ich hatte gelesen, das overflow auf den html Tag angewendet werden müßen. Hoffe das ich es so richtig gemacht habe.

<table width="300" border="0" cellspacing="0">
   <tr>
      <td height="160">
      <div class="overflowDiv">
           <table width="300" border="0" cellspacing="0">
        <tr>
                   <td nowrap >               <img src="garfield_dtb_100.jpg" alt="Garfield"    width="100" height="140" hspace="10">
                                ......
                       viele Bilder nebeneinander

</td>
  </tr>
      </table>
 </div>
 </td>
    </tr>
</table>

Ach ja, die innere Tabelle in dem div Tag habe ich gemacht, damit die BIlder nicht unter einander dargestellt werden.

Bin für Tips sehr dankbar, da ich glaube das ich gerade sehr unsauberen Code herbei wurstel und das eigentlich gerne eleganter machen würde.

Gruß
Localhorst