unable to fully stretch select menus

unable to fully stretch select menus

Hi guys,

i am using jqm 1.1.1 and trying the custom select menus ( http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html). however, it is not stretch full 100% width like those input textbox. in addition, there is always a line appeal at the bottom of it although i already applied below CSS:

  1. .ui-hide-label.ui-br, .no-field-separator {
  2.     border-bottom-width: 0;
  3. }

  5. .ui-field-contain.ui-hide-label, .no-field-separator {
  6.     margin: 1em 0;
  7.     padding: 0;
  8. }