HTML - ayuda Firefox no entiende height="100%" ni td background

Hola a todos.

Espero que me podáis ayudar con las “incompatibilidades” de Firefox.
Mi problema es con height="100%" y con td background con dos imágenes.

Si miráis el link con Firefox y con otro Navegador:

http://www.moai-tech.es/01_clasicosmsx.htm

Veréis que la “nave” tiene dos columnas a izquierda y derecha, que bajan según lo alto que sea el html, y en Firefox no salen. El código empleado es:

<td background="images/01_barra_iz.gif" width="169" height="100%"></td>
<td background="images/01_barra_der.gif" width="112" height="100%"></td>

Por lo que sé Firefox no entiende ni el 100% ni el background, y solo me da la opción de poner una imagen de forma normal y agrandar su alto en píxeles, algo que no quiero hacer ya que cada html de la web tiene un alto distinto, y veo mucho más normal la forma que utilizo para evitar posibles problemas de que todo se ajuste como debe.

¿Tenéis alguna idea de cómo puedo solventar esto?

¡Gracias!

Añade display:inline-table;


Tienes los ejemplos de ti problema en http://jsfiddle.net/yAa3y/9/ y http://jsfiddle.net/yAa3y/12/
Funcionando ambos en Crome, solamente el segundo funciona en Firefox

Hola! Mil gracias por tu ayuda pero creo que no lo sé implementar.
Poniendo solo el html como tú indicas no funciona.
Poniendo en mi css:


Y en el html:


tampoco funciona...

Hola Ivan:

(leer los códigos fuera de la etiqueta </> dificulta su lectura)

Pelilllos aparte.
Los estilos no van sobre class="content" sino sobre tu <td>

Prueba a darle una class al <td>

HTML:
Y en CSS:

P.D.: Soy de los que procura evitar en todo momento las tablas, muy útiles al inicio del mundo web y para sus usos académicos iniciales, pero que hoy, aunque se mantengan en HTML5, pueden ser perfectamente reemplazadas con CSS3.

Hola!
Siento ser pesado con el tema, pero ahora no funciona en ningún navegador.
No entiendo nada...