Div Menü mit untergeordneten Elementen

[Roland]

Eine Vermutung wäre, dass die Links in dd display inline haben und daher möglicherweise an ihrer oberen linken Ecke "gemessen" werden - wenn diese überdeckt wird, könnte dadurch der ganze Link unklickbar werden. Das ist natürlich nur eine Vermutung.

Gruß, LX

Einwandfrei :D
Es war in der Tat die linke Seite! Und zwar genau genommen der erste Link mit der Beschreibung "lefta". Er durfte nicht zu weit aus dem Bereich geschoben werden der ja anklickbar sein soll. Wenn das geschah und man schiebt den anderen relevanten Link mit dem Text nicht mit, funktioniert kein Link mehr. Verschiebt man beide nicht gleichmässig, bleibt das Untermenü stetig offen.

Danke für den Ansatz!

Hier der Code, falls es jemandem hilft:

a, a:visited, a:hover, a:active, a:focus {}  
  
#positioner {position:relative; width:150px; height:160px; margin-left:-35px; z-index:100;}  
#holder {position:absolute; width:150px; overflow:hidden;}  
dl.menu {width:300px; float:left; margin:-32700px -150px 0 0; margin-bottom:2px;}  
dl.menu a {display:block; height:20px; font:bold 11px/28px verdana, sans-serif; text-decoration:none;}  
  
dl.menu dt {float:left; padding:0; margin:32700px 0 0 0; position:relative; z-index:50;}  
dl.menu dt a.lefta {width:5px; float:left; padding-left:20px;}  
dl.menu dt a.plusa {width:120px; float:left;}  
dl.menu dt a.plusa b {position:absolute; left:-9999px;}  
  
dl.menu dt a.lefta:hover,  
dl.menu dt a.lefta:focus,  
dl.menu dt a.lefta:active {color:#c00;}  
  
dl.menu dt a.plusa:hover {}  
  
dl.menu dt a.plusa:focus,  
dl.menu dt a.plusa:active  
{margin-right:1px; outline:0; position:relative; }  
  
dl.menu dd {float:left; padding:30px 0 0 0; margin:-30px 0 0 0; position:relative; z-index:10;}  
dl.menu dd a {width:125px; padding:5px 0 5px 30px; font-weight:normal; line-height:17px; height:auto;}  
  
dl.menu dd a:hover,  
dl.menu dd a:focus,  
dl.menu dd a:active  
{margin-right:1px; color:#c00; outline:0;}

<div id="positioner">  
<div id="holder">  
<dl class="menu">  
	<dt>  
		<a class="lefta" href="#link">&nbsp;Home</a>  
  
	</dt>  
</dl>  
<dl class="menu">  
	<dt>  
		<a class="lefta" href="#link">&nbsp;</a>  
        <a class="plusa" href="#url">Products<b>+</b></a>  
	</dt>  
	<dd>  
		<a href="#url">Digital Cameras</a>  
  
		<a href="#url">Monopods &amp; Tripods</a>  
		<a href="#url">Flashguns &amp; Reflectors</a>  
		<a href="#url">Telephoto Lenses</a>  
		<a href="#url">Filters</a>  
		<a href="#url">Lens Hoods</a>  
  
		<a href="#url">Lens Adaptors</a>  
	</dd>  
</dl>  
<dl class="menu">  
	<dt>  
		<a class="lefta" href="#link">&nbsp;</a>  
		<a class="plusa" href="#url">Services<b>+</b></a>  
	</dt>  
  
	<dd>  
		<a href="#url">Enlarging</a>  
		<a href="#url">Framing &amp; Restoring</a>  
		<a href="#url">Printing</a>  
		<a href="#url">Copying</a>  
		<a href="#url">Sepia Toning</a>  
  
		<a href="#url">Archiving</a>  
	</dd>  
</dl>  
<dl class="menu">  
	<dt>  
		<a class="lefta" href="#link">&nbsp;</a>  
		<a class="plusa" href="#url">Outlets<b>+</b></a>  
	</dt>  
  
	<dd>  
		<a href="#url">London</a>  
		<a href="#url">Gloucestershire</a>  
		<a href="#url">East Midlands</a>  
		<a href="#url">Glasgow</a>  
		<a href="#url">Bristol</a>  
  
		<a href="#url">Exeter</a>  
	</dd>  
</dl>  
<dl class="menu">  
	<dt>  
		<a class="lefta" href="#link">&nbsp;</a>  
		<a class="plusa" href="#url">Terms<b>+</b></a>  
	</dt>  
  
	<dd>  
		<a href="#url">Payment Methods</a>  
		<a href="#url">Conditions of Sale</a>  
		<a href="#url">Privacy Policy</a>  
	</dd>  
</dl>  
</div>  
  
</div>  
         <br />  

Das Ding dürfte aber dennoch nur mit Vorsicht zu geniessen sein, irgendwie muss man da sehr aufpassen was man tut, auch wenn man Kleinigkeiten ändert.
Na wie auch immer Herzlichen Dank!

Gruß Roland