Question

i have a div with overflow-y: hidden; and a have a pseudo element to the right of the buttons that i want to position outside the div but it will not work. here is the fiddle – http://jsfiddle.net/PAdSd/1/.

But if i give the div no overflow it will sit out of the div fine. Here is that fiddle – http://jsfiddle.net/PAdSd/2/.

Any help would be wonderful

Answer 1

Remove position: relative from .nav. You can see the results in this jsfiddle.

A similar problem had me banging my head against the wall for days. Trial and error and pure chance produced the solution. Not sure about cross browser compatibility, but it works in chrome and firefox (as long as you prefix your css3 properties with -moz).