Selection of text inside div is shown outside the div

Question

I want the user to select text (html) inside a div. However doing that will show the selection background in the browser also outside the div.

I can prevent that with (see http://jsfiddle.net/lborgman/aWbgT/)

div { overflow: hidden; }

Is that the way to do it? Or, is there a better way?

Answer 1

add a display: inline-b

div { overflow: hidden; display:inline-block; }

demo

Answer 2

There is a typo in the CSS property :

xoverflow: hidden;

instead of

overflow-x: hidden;

Updated JSFiddle : http://jsfiddle.net/aWbgT/3/