höchste div-breite auslesen und auf alle divs anwenden

[EKKi]

Mahlzeit NickName,

Ich habe gerade das dumpfe Gefühl, dass Du *DRINGENDST!!!!!* einige Grundlagen von HTML nachholen solltest.

Ein aus <http://de.selfhtml.org/html/text/listen.htm#aufzaehlung@title=ungeordnete Listen> bestehendes Menü sollte prinzipiell grundlegend so aufgebaut sein:

<ul>  
  <li>Menüpunkt 1</li>  
  <li>Menüpunkt 2  
    <ul>  
      <li>Menüpunkt 2.1</li>  
      <li>Menüpunkt 2.2</li>  
      <li>Menüpunkt 2.3</li>  
    </ul>  
  </li>  
  <li>Menüpunkt 3  
    <ul>  
      <li>Menüpunkt 3.1</li>  
      <li>Menüpunkt 3.2  
        <ul>  
          <li>Menüpunkt 3.2.1</li>  
          <li>Menüpunkt 3.2.2</li>  
          <li>Menüpunkt 3.2.3</li>  
          <li>Menüpunkt 3.2.4</li>  
          <li>Menüpunkt 3.2.5</li>  
        </ul>  
      </li>  
      <li>Menüpunkt 3.3</li>  
    </ul>  
  </li>  
  <li>Menüpunkt 4</li>  
  <li>Menüpunkt 5</li>  
</ul>

Du hingegen packst das Menü in ein <div> und stellst darin jeden einzelnen Menüpunkt durch ein in noch mehr ineinander verschachtelte <div>s verpacktes <ul> dar. Das ist keine sinnvolle Struktur.

  	<div id="beznav2r">&nbsp;</div>  
  							<div class="hkat" style="position:relative;left:-50px;text-align:left">  

  		<ul style="display:table-cell;margin:auto">  

Innerhalb des einen Menüpunkts wird dieser dann aus mehreren <li>s zusammengesetzt ... das ist erst recht keine sinnvolle Struktur.

  			<!-- <li style="list-style:none;"> -->  
  				<li class="hkatl" style="list-style:none;float:left;">&nbsp;</li>  
  				<li class="hkatm" style="list-style:none;float:left;">  
  					<span style="position:relative;top:6px;left:5px;">  
  						<a href="ebene\_05.php?bez=fried.gif&amp;bez1=Friedrichshain-Kreuzberg&amp;ukat=B%FCrger%E4mter&amp;ukat2=2&amp;kat=Beh%F6rden&amp;einr=6&amp;id=2&amp;id\_bez=1" class="Stil11">  
  							Bürgerämter&nbsp;(3))								</a>  
  					</span>  

  				</li>  
  				<li class="hkatr" style="list-style:none;float:left;width:30px;text-align:center;">  
  					<img style="position:relative;top:4px" src="image/wappen\_klein\_jpg/fried.gif" alt="Wappen" width="15" height="22">  
  				</li>  
  			<!-- </li> -->  
  		</ul>  
  	</div>  

Deshalb solltest Du ja auch - wie ich bereits schrieb - *ERSTMAL* für eine sinnvolle und saubere Struktur sorgen. Vorher ist es einfach nicht sinnvoll, am Aussehen herumbasteln zu wollen.

ahso, das ganze bezieht sich eh erst mal aufn FF, Anpassungen für andere Browser würde ich machen, wenn ich das "Problem" im FF gelöst habe^^

Du solltest das Problem viel grundsätzlicher lösen - wirklich. Langfristig verschwendest Du sonst nur Zeit, Nerven und sonstige Ressourcen.

Per float:left hängen sich die 3 Bilder lückenlos aneinander.

Nein. Du hängst nicht die Bilder aneinander, sondern die einzelnen <li>-Elemente. Abgesehen davon, dass das semantischer Blödsinn ist, sorgst Du so dafür, dass das mittlere <li> immer nur genau so lang wie sein Inhalt ist - et voilà!

MfG,
EKKi