title: How I do I put images as well as text into Html select tag
body: <p>I currently have a button for each language to allow users to view website in difference languages</p>
  
  <pre><code>&lt;a href="http://www.jthink.net/songkong/en" title='English'&gt;&lt;img src="http://static.albunack.net/images/flags/flags-iso/shiny/32/GB.png" alt="English" height="32" width="32" valign="top"&gt;&lt;/a&gt;&amp;nbsp;
  &lt;a href="http://www.jthink.net/songkong/de" title='Deutsch'&gt;&lt;img src="http://static.albunack.net/images/flags/flags-iso/shiny/32/DE.png" alt="Deutsch" height="32" width="32"  valign="top"&gt;&lt;/a&gt;&amp;nbsp;
  &lt;a href="http://www.jthink.net/songkong/es" title='Español'&gt;&lt;img src="http://static.albunack.net/images/flags/flags-iso/shiny/32/ES.png" alt="Español" height="32" width="32"  valign="top"&gt;&lt;/a&gt;&amp;nbsp;
  &lt;a href="http://www.jthink.net/songkong/fr" title='Français'&gt;&lt;img src="http://static.albunack.net/images/flags/flags-iso/shiny/32/FR.png" alt="Français" height="32" width="32"  valign="top"&gt;&lt;/a&gt;&amp;nbsp;
  </code></pre>
  
  <p>I now want to use a drop down to save space, but how do I output the flag  image as well as the text in the options, currently I have</p>
  
  <pre><code>&lt;select&gt;
    &lt;option value="en"&gt;English&lt;/option&gt;
    &lt;option value="de"&gt;Deutsch&lt;/option&gt;
    &lt;option value="es"&gt;Español&lt;/option&gt;
    &lt;option value="fr"&gt;Français&lt;/option&gt;
  &lt;/select&gt; 
  </code></pre>