Foros del web, para los que viven de bits

La hago corta:
Hise una pagina en HTML (con Dreamweaver), y como mi explorador predeterminado es Firefox lo iba probando en este. La cuestion es que ya estoy por terminar y caí en que la pagina debe salir para IE, el mas usado lamentablemente.
La cosa es que tengo fotos en una celda de una tabla, en firefox puse:

<img width="100%" src="blabla />

En firefox: Queda de lujo, la fotito chiquitita ajustada al 100% de la celda.
En IE: Queda horrible, la tabla toda deformada y ahora la "fotito" es enorme, tamaño original.

Bueno, mi pregunta: ¿Como hago para que el 100% lo tome en referencia a la celda? ya que asi queda mejor.
En ambos exploradores. O la forma de hacerlo, me parece q en HTML simple no se va a poder. Pero en css o en java script?

gracias

Prueba a poner un width a tu td:

mmm, gracias si, pero el ancho del td ya lo tenia. Perdon no lo habia especificado. El problema es que en IE no importa el ancho que le ponga a la celda o columna, cuando quiero poner la foto con width en % me toma como referencia la foto, que es de alta resolucion y se agranda completa.
Lo que yo busco es q me quede del mismo ancho de la tabla, en firefox con esto:
La imagen que del ancho de la columna, osea 200px
pero en IE el 100% del IMG es de la foto entera.

Este es el código de ejemplo, lo pongo completo aunque no haga falta:
Gracias

En la parte de tu css, añade esto:

table {table-layout:fixed;}

o el selector que te convenga para esa tabla, en caso de que tenga clases o lo que sea.

Mikel.

Gracias Mikel, problema resuelto. =)