Overflow override

[rayrule]

Ik zoek een manier om overflow:visible te krijgen voor een element ipv overflow:hidden.

Ik heb het volgende:

css

code:

div#voorbeeld { 
 overflow:hidden;
 width:800px;
 height:200px;
 display:block;
 position:relative;
}
#voorbeeld li {
 width:200px;
 height:200px;
 display:block;
 float:left;
}
#voorbeeld li:hover span {
 width: 200px;
 height:200px;
 margin-top:-200px;
 margin-left:-150px;
 display:block;
 position:absolute;
}
#voorbeeld span {
 display:none;
}

html

code:

<div id="voorbeeld">
<ul>
<li>test</li>
<li>test</li>
<li>test<span>link</span></li>
enz. enz.
</ul>
</div>

heb al diverse manieren geprobeerd, maar ga mij sterk afvragen of dit wel mogelijk is... Wie kan mij hiermee helpen?


span -> moet eruit springen, wanneer ik over een <li> ga.

[MoietyMe]

overflow:hidden van je <div> afhalen en de <li>'s op een andere manier clearen. Bijvoorbeeld:

Cascading Stylesheet:

ul:after {
content:"u00A0";
display:block;
visibility:hidden;
clear:left;
height:0;
}

Voor IE6 en 7 zul je de <ul> een breedte moeten meegeven om de <li>'s te clearen.

Waarom eigenlijk een <div> om een <ul> heen?

[rayrule]

ik gebruik coda slider (jquery), en sommige elementen moeten hidden zijn, en dat los ik op door mijn (div) overflow op hidden te zetten.

vandaar..

[MoietyMe]

Waarom niet gewoon display:none of visibility:hidden?