I am making a language selector and I want to add an image of the flag for the language but I cannot figure out how to do it. any thoughts or advice? I have used photoshop to resize my image to height=15px, currently though the image of the flag is not showing up. I want it set up so that when the user selects the menu, the flags will be on the most left hand side with a single space then the name of corresponding language.

<div class="ui-block-b"><select class="ui-selectmenu" name="selectmenu" id="destinationlang" align="center" width="40%">
      <option value="Destination Language">Destination Language</option>
      <option value="english" id="english">English</option>
      <option value="french" id="french"><img src="images/flags/frenchflagsmall.fw.png" alt="frenchflag" />French</option>
      <option value="spanish" id="spanish">Spanish</option>
    </select>