Wunderbar, so hab ichs mit CC geschafft.
Und schon das nächste IE Problem.
Meine Navigation besteht als einer Liste.
Beim Mouseover von den Listenlinks werden diese mit einer grauen Hintergrundfarbe hinterlegt, die Links werden mit display: block; angezeigt, damit sich der Link über das ganze Element erstreckt (funktioniert zwar im IE nicht, aber netter Effekt für vernünftige Browser).
Nun geht alles prima in allen Browsern, außer dem IE.
Dort werden die Listenpunkte mit großem Abstand getrennt.
Wieder Screenshots :

Im Firefox.
Im IE.

HTML :
HTML-Code: 
     <div id="navigation">
          <h2>Main</h2>
              <ul>
                  <li><a href="index.php">News</a></li>
                  <li><a href="index.php?site=steckbrief">Steckbrief</a></li>
                  <li><a href="http://blog.rpg-generation.com">Blog</a></li>
                  <li><a href="index.php?site=some_links">Some Links</a></li>
                  <li><a href="index.php?site=kontakt">Kontakt</a></li>
                  <li><a href="index.php?site=impressum">Impressum</a></li>
              </ul>
          <h2>Projekte</h2>
              <ul>
                  <li><a href="index.php?site=gamers_teahouse">Gamer's Teahouse</a></li>
                  <li><a href="index.php?site=jewelia_world">Jewelia World</a></li>
                  <li><a href="index.php?site=princess_zelda">Princess Zelda</a></li>
                  <li><a href="index.php?site=rpg_generation">RPG Generation</a></li>
                  <li><a href="index.php?site=sv_mardorf">SV Mardorf v1927 eV</a></li>
              </ul>
         <img src="layout/navend.gif" alt="" />
     </div>
Ja, ich weiss, ich hätte das auch mit mehreren Listen ineinander machen können, aber so habe ich das erst gar nicht für den IE hin bekommen, vielleicht versuch ichs später nochmal.

CSS :
Code: 
  #navigation {
    font-size: 12px;
    font-family: Tahoma;
    color: #651011;
    width: 143px;
    float:left;
    text-align: center;
    background-color: #e8e7e7;
    background-image: url('layout/navbg.gif');
    background-repeat: repeat-y;
  }
  
  #navigation h2 {
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma;
    color: #ffffff;
    width: 141px;
    text-align: center;
    margin-bottom: 6px;
    margin-top: 3px;
    margin-left: 1px;
    margin-right: 1px;
    border-top: 1px #c1c1c1 solid;
    border-bottom: 1px #c1c1c1 solid;
    background-image: url('layout/navcapbg.gif');
    background-repeat: repeat-y;
  }
  
  #navigation ul {
    list-style-type: none;
    width: 141px;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 0;
  }
  
  #navigation ul li {
    font-weight: normal;
    color: #651011;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  
  #navigation a:link, #navigation a:visited {
    padding-left: 8px;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    color: #651011;
    display: block;
  }
  
  #navigation a:active, #navigation a:hover {
    padding-left: 8px;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    color: #651011;
    background-color: #ececec;
    display: block;
  }
Auch hier steck ich wieder in ner Schaffenskrise. ._.