Glücklicherweise konnte auf CSS-Hacks verzichtet werden

[IE7Verzweifler]

Wäre das nicht der Fall gewesen, hätte ich Dir zur Verwendung sogenannter CSS Hacks geraten:

das wollte ich auf jeden fall vermeiden um nicht zuviel müll zu produzieren der nur für den ie zu gebrauchen ist.

da ja -für meinen einsatzweck!- vorerst davon auszugehen ist, dass man solche dinge -bezogen auf meine seite- im ie7 und im ie8 und folgeversionen vermutlich nicht mehr benötigt, wollte ich mich, bzw. den code erst gar nicht damit belasten.

benchmark ist und bleibt für mich der firefox - wenn da alles aussieht wie gewünscht (möglichst wenig spielchen), dann knöpfe ich mir den 7er vor.

damit bin ich bisher sehr gut gefahren und ein eigentlich kleines problemchen wie das gepostete mit solchen auswirkungen ist mir da bisher auch noch nicht untergekommen. verfahre möglichst immer nach dem kiss prinzip...

wichtig ist für mich zuallerst immer das im firefox und seinen addons alles grün ist: das sollte dafür sorgen, das der code einigermaßen zukunftssicher ist (so sehr das irgend etwas in der IT überhaupt sein kann ;-))

-----

damit ich heute aber nicht nur einen fehler abhaken kann sondern auch noch etwas lerne, hier noch einmal ein kurzer exkurs zu den anfängen des postings:

ist folgender aufbau prinzipiell "dreckig", unbedingt zu vermeiden oder worauf wolltest am anfand mit dem ul li ul.... hinweis hinaus. falls ja, was wäre als denkanstoß der sauberste ansatz?

zum grundsätzlichen aufbau in der vorliegende form bin ich übrigens aufgrund eines stu nicholls artikels gekommen.

fokus war halt wirklich nur noch eine sub ebene zu haben, dort aber dann zwangsläufig -je nach kategorie- teils viele links möglichst übersichtlich zu präsentieren.

vom prinzip her wollte ich halt das von mir als angenehm empfundene menü von cortalconsors.de in wesentlich kleinerer und schlankerer version ohne viele images und javascript zum vorbild nehmen.

herausgekommen ist dann halt folgende struktur:

  
<div id="SITEMENU">  
  <ul>  
    <li><a href="/"><img src="/imgs/btn_sitemenu_start.png" alt=""><span>Startseite</span></a></li>  
    <li><img src="/imgs/btn_sitemenu_auskunft.png" alt=""><span>Auskunftsdienste</span>  
      <div>  
        <table><tr>  
          <td>  
            <dl>  
              <dt>Intern</dt>  
              <dd><a href="#url">Link1</a></dd>  
              <dd><a href="#url">Link2</a></dd>  
            </dl>  
          </td>  
          <td>  
            <dl>  
              <dt>Extern</dt>  
              <dd><a href="#url">Link1</a></dd>  
              <dd><a href="#url">Link2</a></dd>  
            </dl>  
          </td>  
        </tr></table>  
      </div>  
    </li>  
    <li><a href="/"><img src="/imgs/btn_sitemenu_abmelden.png" alt=""><span>Abmelden</span></a></li>  
  </ul>  
</div>