IE stellt seite ganz anders dar als FireFox

[kointa]

Hi all,

ich bin gerade dabei meine seite auch IE kompatibel zu machen, ich habe bis jetzt immer eine meldung ausgegeben dass IE die seite falsch anzeigt, aber ich würde doch gerne auch IE usern ermöglichen auf meine seite zu gehen.

ich habe jedoch einige probleme die ursache für manche darstellungsfehler zu finden.

zum beispiel:

• werden bei meiner tabelle keine bilder angezeigt sondern nur "x".
• Wird die Überschrift ganz klein angezeigt obwohl in der definition.css folgendes drinsteht:

  
h   {       font-family:Monotype Corsiva;  
      font-size:40px;  
      color:black;   } /*Schriftart der Überschriften*/  

• Die andere Tabelle, welche ich mit <li> gestaltet habe wird nichtmehr nebeneinander, sondern untereinander dargestellt:

  
<ul id="GameList">  
<li><a href="?id=27" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/euro2008smallicon.jpg" alt="EM2008" border="0"><br>EM 2008</a></li>  
<li><a href="?id=28" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/sudokusmallicon.jpg" alt="Sudoku" border="0"><br>Sudoku</a></li>  
<li><a href="?id=29" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/tarnationsmallicon.jpg" alt="Tarnation" border="0"><br>Tarnation</a></li>  
<li><a href="?id=30" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/overkillapachesmallicon.jpg" alt="OverkillApache" border="0"><br>Overkill<br>Apache</a></li>  
<li><a href="?id=1" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/redbugspuzzlesmallicon.jpg" alt="RedBugsPuzzle" border="0"><br>Red Bugs<br>Puzzle</a></li>  
<li><a href="?id=2" onclick="return loadGame(this.href)"><img src="http://www.miniclip.com/images/icons/jingosmallicon.jpg" alt="Jingo" border="0"><br>Jingo</a></li>  
</ul>  

  
/*Tabellen*/  
  
#GameList  { display:table;  
   background:black;  
     padding:10 10;  
     margin:2% auto;  
                        list-style-type:none;  
     white-space:nowrap;  }  
#GameList li  { display:table-cell;  }  
#GameList a  {       color:white;  
   font-family:Comic Sans MS;  
          font-size:11px;  
          font-weight:normal;  
                        text-decoration:none;  
   width:auto;   } /*Schriftart der Tabelle*/  
#GameList a:hover{ color:#DC143C;   }  
  
th  {  vertical-align:top;   } /*Bilder alle auf gleicher Höhe*/  
th a  {       color:white;  
   font-family:Comic Sans MS;  
          font-size:11px;  
          font-weight:normal;  
                         text-decoration:none;  } /*Schriftart der Tabelle*/  
th a:hover { color:#000000;   }  

kann mir jdn helfen?

danke !
grüße