Rozdílné zobrazení IE vs FF

Mám menší problém při zobrazování některých obrázků v FF. V MSIE to funguje naprosto skvěle ale v FF to ze tří obrázků ukáže jenom jeden. Zde je to jak to mám udělané.

TAHlE ČÁST SE NEZOBRAZUJE

.1-menu#miniobrazek 

  {

     position: absolute; 

     top: 6px;

     left: 7px; 

     width: 26px;

     height: 26px; 

     background-image: url('../../images/account.gif');

  }

.1-menu#miniobrazek-vybledly 

  {

     position: absolute; 

     top: 6px;

     left: 7px; 

     width: 26px;

     height: 26px; 

     background-image: url('../../images/account.gif');

  }

.1-menu#nadpis

  {

     position: absolute; 

     top: 10px;

     left: 45px;

     width: 120px;

     height: 18px;

     background-image: url('../../images/ucet.gif');

  }

A TAHLE SE ZOBRAZÍ:

#menuPlus

  {

     position: absolute;

     left: 182px;

     top: 15px;

     width: 15px;

     height: 14px; 

     background-image: url('../../images/leftmenu-plus.gif');

  }

#menuMinus

  {

     position: absolute;

     left: 182px;

     top: 15px;

     width: 15px;

     height: 14px; 

     background-image: url('../../images/leftmenu-minus.gif');

  }

...je to divné, protože jsou napsané úplně stejně pro jistotu dodám i HTML kód

            echo '<div id="menu-'.$odkazy.'"> 

                      <a href="" onClick="toggleNewMenu('.$x.','.$pom.')">

                      <div style="display:block" class="menuTlacitko" id="pozadi">';

            if ($pom == 1)

            {

                echo '

                          <span style="display:block" class="'.$odkazy.'-menu" id="miniobrazek"></span>

                          <span style="display:block" class="'.$odkazy.'-menu" id="nadpis"></span>

                          <span style="display:block" id="menuMinus"></span>

                      

                      </div></a>';

            }else

            {

                echo '

                          <span style="display:block" class="'.$odkazy.'-menu" id="miniobrazek-vybledly"></span>

                          <span style="display:block" class="'.$odkazy.'-menu" id="nadpis"></span>

                          <span style="display:block" id="menuPlus"></span>



                      </div></a>';                

            }

Děkuji za každou nápovědu, jak to vyřešit.

PS: Stránka je na adrese http://81.31.46.69/EncZ

Obdivuji všímavost, jinak problém je spíše v tom, že to jeden ze 3 obrázků ukázalo a zbylé dva ne. Vše jsem zkoušel i bez absolute (v relative) a nezobrazí se mi ani jeden. Momentálně to je upraveno následovně na relative:

KÓD generování toho čudlíku

            echo '<table border=0 bordercolor=red>

                  <tr>

                  <td>    <div id="menu-'.$odkazy.'"> 

                          <a href="" onClick="toggleNewMenu('.$x.','.$pom.')">

                          <div class="menuTlacitko" id="pozadi">';

            if ($pom == 1)

            {

                echo '

                          <span  class="'.$odkazy.'-menu" id="miniobrazek"></span>

                          <span  class="'.$odkazy.'-menu" id="nadpis"></span>

                          <span  id="menuMinus"></span>

                   

                      </div></a></td></tr></table>';

            }else

            {

                echo '

                          <span  class="'.$odkazy.'-menu" id="miniobrazek-vybledly"></span>

                          <span  class="'.$odkazy.'-menu" id="nadpis"></span>

                          <span  id="menuPlus"></span>



                      </div></a></td></tr></table>';                

            }

CSS styly:

.0-menu#miniobrazek 

  {

     position: relative;

     top: 6px;

     left: 7px; 

     width: 26px;

     height: 26px; 

     background-image: url('../../images/guide.gif');

  }

.0-menu#miniobrazek-vybledly 

  {

     position: relative;

     top: 6px;

     left: 7px; 

     width: 26px;

     height: 26px; 

     background-image: url('../../images/guide.gif');

  }

.0-menu#nadpis

  {

     position: relative; 

     top: 2px;

     left: 20px;

     width: 120px;

     height: 18px;

     background-image: url('../../images/aktuality.gif');

  }

#menuPlus

  {

     position: relative;

     left: 35px;

     top: 5px;

     width: 15px;

     height: 14px; 

     background-image: url('../../images/leftmenu-plus.gif');

  }

#menuMinus

  {

     position: relative;

     left: 35px;

     top: 5px;

     width: 15px;

     height: 14px; 

     background-image: url('../../images/leftmenu-minus.gif');

  }

Ještě podotýkám v IE se to zobrazí bez jediného problému, v FF se nezobrazí ani jeden obrázek.

Tak už jsem na to přišel, problém je v tom, že FF se chová jako některé jiné programy, kdy soubory nesmí začínat číslem. Po změně souborů tak, aby začínali písmenem jde všechno OK.