title: How to show all text of very long select option?
body: <p>I have some very long <code>&lt;option&gt;</code>s in a <code>&lt;select&gt;</code> box but I don't want the box to be so wide. The problem is that the full text can't be read when I style the box smaller. I was thinking about hovering a copy of the text exactly over the option the mouse pointer is over but only if the text is too long to be fully displayed.</p>
  
  <p>However, if I create a new element, say a <code>&lt;p&gt;</code> with jQuery it doesn't have a width until I insert it into the document so I can't decide whether to insert it or not.</p>
  
  <p>Even if I did create it successfully I'm not sure all the styles would be the same.</p>
  
  <p>Is there a way to get this idea working or is there a better way of displaying the complete text of the long <code>&lt;option&gt;</code>s in-place?</p>