hvordan kan man gøre dette her?

jeg har et spørgsmål hvordan laver jeg denne her lidt pæner igen (tror det er et javascript issue) jeg har en drop-down menu med nogen forskellige skriftstørrelser i hvor størrelsen er i boxen for at vise hva størrelse men får ved at vælge fra enten 1-7 hvor "7" er størrelse 36...

her er billede af hvordan det ser ud lige nu ...

http://peecee.dk/upload/view/89242

her er koden til mit resultat:

<!--Font size start-->   
    <div class='editorbutton'><select class="editorinput" tabindex="1" name="size" onChange="InsertCode('size',this.options[this.selectedIndex].value)">
    <option value="sizes">Sizes</option>
    <option style="font-size:8;" value="8"><font size="1">1</font></option>
    <option style="font-size:10;" value="10"><font size="2">2</font></option>
    <option style="font-size:12;" value="12"><font size="3">3</font></option>
    <option style="font-size:14;" value="14"><font size="4">4</font></option>
  <option style="font-size:18;" value="18"><font size="5">5</font></option>
    <option style="font-size:24;" value="24"><font size="6">6</font></option>
    <option style="font-size:36;" value="36"><font size="7">7</font></option>
    </select></div>
<!--Font size end-->