Inspired by the following discussion on Twitter Bootstrap Popovers and Tooltips on Listbox Option Elements showing in the wrong place and following on, I wanted to use the technique showed in the answer and use it on a simple dropdown list ie. a select
element with no size
attribute or size="1"
.
While it continues to work on latest to date version of Firefox (V18), it doesn't anymore on Webkit based browsers (Chrome V24 nor Safari V6) on MacOS X as well as Windows 7.
Is there any way to make it work in Chrome as well as Safari?
Forked demo code is as http://jsfiddle.net/ryZ9q/