CSS background-image: i FireFox

<ole>

Hvad er det, der ikke virker? Hvad forventer du - og hvad sker der?

/mvh
</bole>

det er faktisk meget simpelt..

jeg bruger ovennævnte style (altså tmenu) i en table så som.
<table width="600" cellpadding="0" cellspacing="0" align="center">
    <tr>
    <td bgcolor="#FFFFFF" class="tmenu" height="100%" valign="top"></td>
    </tr>
</table>

og i toppen af min table skulle der så gerne komme et fixed baggrunds billede som ikke gentager sig selv... dette virker i IE men åbenbart ikke i Mozilla Firefox.

Umiddelbart kan jeg få øje på to fejl:

1) < ..... class="tmenu" height="100%" ... 100% af hvad?
2) du har ikke noget indhold i din celle

det der er barer et eksempel og jo jeg har normalt noget indhold i min celle :)
og de 100% er 100% af sidens højde hvad ellers?

Nej, ikke hvis dit dokument tolkes korrekt iflg css-standarden, for så skal den tage størrelsen fra det nærmest omkransende element, som her er tabellen, som ingen højde har !-)

fair nok det er forstået :)
har altid varet lidt af en karlkoder...
nå men jeg har fået mit css til at virke i FireFox.
Jeg brugte bare en anden metode
background: #FFFFFF url(bg/menu_t.jpg) no-repeat top;

hvad angår højden af mine tables så fandt eller jeg fik fortalt en vej udenom det...

jeg laver al grafik i CSS nu.
html, body        {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}

#container        {
  width: 600px;
  height: 100%;
  margin: 0px auto 0px auto;
  padding: 0;
  position: relative;
  top: 0px;
  left: 0px;
}

#top            {
  background-image: url(bg/banner.jpg);
  width: 600px;
  height: 133px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0px;
  left: 0px;
 
  border-style: solid;
  border-color: #000000;
  border-width: 2px;
}

#left_content    {
  background: #FFFFFF url(bg/menu_t.jpg) no-repeat top;

  width: 139px;
  height: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 133px;
  bottom: 0px;
  left: 0px;
 
  border-style: solid;
  border-color: #000000;
  border-width: 2px;
}

#right_content    {
  background: #000530 url(bg/text_t.jpg) no-repeat top;
 
  width: 461px;
  height: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 133px;
  bottom: 0px;
  left: 139px;
 
  border-style: solid;
  border-color: #000000;
  border-width: 2px;
}

eftersom der ikke er nogen der har smidt et svar gir jeg points til den første der kan komme med lidt mere kreativ kretik :)