title: JQuery Mobile: Adjusting Width and Height of Grouped Select
body: <p>I had a problem before positioning grouped select but fortunately been fixed. now I am having problems with resizing, adjusting width/height of the grouped select. If there is anyone who can help me I will greatly appreciate it. below is my code...</p>
  
  <p>this is my code to position it on the screen, even if i add width and height to this it seems like it is not updating. I also noticed that the width changes based on the length of the selected item. eg is when i select "September" the width of the grouped select is longer than the "March" one.</p>
  
  <pre><code>$("#ui-5").css({'position':'absolute','left':'6.0px','top':'57.0px'});
  </code></pre>
  
  <p>this is the code of the actual object</p>
  
  <pre><code>&lt;div id="ui-5"&gt;
  &lt;div class="ui-select" data-role="controlgroup" data-type="horizontal" &gt;
      &lt;select data-native-menu="false" data-inline="true" data-icon="arrow-d" data-iconpos="right" id="Datepicker_0_0" name="Datepicker_0_0"&gt;
          &lt;option value="1"&gt;January&lt;/option&gt;
          &lt;option value="2"&gt;February&lt;/option&gt;
          &lt;option value="3"&gt;March&lt;/option&gt;
          &lt;option value="4"&gt;April&lt;/option&gt;
          &lt;option value="5"&gt;May&lt;/option&gt;
          &lt;option value="6"&gt;June&lt;/option&gt;
          &lt;option value="7"&gt;July&lt;/option&gt;
          &lt;option value="8"&gt;August&lt;/option&gt;
          &lt;option value="9"&gt;September&lt;/option&gt;
          &lt;option value="10"&gt;October&lt;/option&gt;
          &lt;option value="11"&gt;November&lt;/option&gt;
          &lt;option value="12"&gt;December&lt;/option&gt;
      &lt;/select&gt;
      &lt;select data-native-menu="false" data-inline="true" data-icon="arrow-d" data-iconpos="right" id="Datepicker_0_1" name="Datepicker_0_1"&gt;
          &lt;option value="1"&gt;1&lt;/option&gt;
          &lt;option value="2"&gt;2&lt;/option&gt;
          &lt;option value="3"&gt;3&lt;/option&gt;
          &lt;option value="4"&gt;4&lt;/option&gt;
          &lt;option value="5"&gt;5&lt;/option&gt;
          &lt;option value="6"&gt;6&lt;/option&gt;
          &lt;option value="7"&gt;7&lt;/option&gt;
          &lt;option value="8"&gt;8&lt;/option&gt;
          &lt;option value="9"&gt;9&lt;/option&gt;
          &lt;option value="10"&gt;10&lt;/option&gt;
          &lt;option value="11"&gt;11&lt;/option&gt;
          &lt;option value="12"&gt;12&lt;/option&gt;
          &lt;option value="13"&gt;13&lt;/option&gt;
          &lt;option value="14"&gt;14&lt;/option&gt;
          &lt;option value="15"&gt;15&lt;/option&gt;
          &lt;option value="16"&gt;16&lt;/option&gt;
          &lt;option value="17"&gt;17&lt;/option&gt;
          &lt;option value="18"&gt;18&lt;/option&gt;
          &lt;option value="19"&gt;19&lt;/option&gt;
          &lt;option value="20"&gt;20&lt;/option&gt;
          &lt;option value="21"&gt;21&lt;/option&gt;
          &lt;option value="22"&gt;22&lt;/option&gt;
          &lt;option value="23"&gt;23&lt;/option&gt;
          &lt;option value="24"&gt;24&lt;/option&gt;
          &lt;option value="25"&gt;25&lt;/option&gt;
          &lt;option value="26"&gt;26&lt;/option&gt;
          &lt;option value="27"&gt;27&lt;/option&gt;
          &lt;option value="28"&gt;28&lt;/option&gt;
          &lt;option value="29"&gt;29&lt;/option&gt;
          &lt;option value="30"&gt;30&lt;/option&gt;
          &lt;option value="31"&gt;31&lt;/option&gt;
      &lt;/select&gt;
      &lt;select data-native-menu="false" data-inline="true" data-icon="arrow-d" data-iconpos="right" id="Datepicker_0_2" name="Datepicker_0_2"&gt;
          &lt;option value="1"&gt;1975&lt;/option&gt;
          &lt;option value="2"&gt;1976&lt;/option&gt;
          &lt;option value="3"&gt;1977&lt;/option&gt;
          &lt;option value="4"&gt;1978&lt;/option&gt;
          &lt;option value="5"&gt;1979&lt;/option&gt;
          &lt;option value="6"&gt;1980&lt;/option&gt;
          &lt;option value="7"&gt;1981&lt;/option&gt;
          &lt;option value="8"&gt;1982&lt;/option&gt;
          &lt;option value="9"&gt;1983&lt;/option&gt;
          &lt;option value="10"&gt;1984&lt;/option&gt;
          &lt;option value="11"&gt;1985&lt;/option&gt;
          &lt;option value="12"&gt;1986&lt;/option&gt;
          &lt;option value="13"&gt;1987&lt;/option&gt;
          &lt;option value="14"&gt;1988&lt;/option&gt;
          &lt;option value="15"&gt;1989&lt;/option&gt;
          &lt;option value="16"&gt;1990&lt;/option&gt;
          &lt;option value="17"&gt;1991&lt;/option&gt;
          &lt;option value="18"&gt;1992&lt;/option&gt;
          &lt;option value="19"&gt;1993&lt;/option&gt;
          &lt;option value="20"&gt;1994&lt;/option&gt;
          &lt;option value="21"&gt;1995&lt;/option&gt;
          &lt;option value="22"&gt;1996&lt;/option&gt;
          &lt;option value="23"&gt;1997&lt;/option&gt;
          &lt;option value="24"&gt;1998&lt;/option&gt;
          &lt;option value="25"&gt;1999&lt;/option&gt;
          &lt;option value="26"&gt;2000&lt;/option&gt;
          &lt;option value="27"&gt;2001&lt;/option&gt;
          &lt;option value="28"&gt;2002&lt;/option&gt;
          &lt;option value="29"&gt;2003&lt;/option&gt;
          &lt;option value="30"&gt;2004&lt;/option&gt;
          &lt;option value="31"&gt;2005&lt;/option&gt;
          &lt;option value="32"&gt;2006&lt;/option&gt;
          &lt;option value="33"&gt;2007&lt;/option&gt;
          &lt;option value="34"&gt;2008&lt;/option&gt;
          &lt;option value="35"&gt;2009&lt;/option&gt;
          &lt;option value="36"&gt;2010&lt;/option&gt;
          &lt;option value="37"&gt;2011&lt;/option&gt;
          &lt;option value="38"&gt;2012&lt;/option&gt;
          &lt;option value="39"&gt;2013&lt;/option&gt;
          &lt;option value="40"&gt;2014&lt;/option&gt;
          &lt;option value="41"&gt;2015&lt;/option&gt;
          &lt;option value="42"&gt;2016&lt;/option&gt;
          &lt;option value="43"&gt;2017&lt;/option&gt;
          &lt;option value="44"&gt;2018&lt;/option&gt;
          &lt;option value="45"&gt;2019&lt;/option&gt;
          &lt;option value="46"&gt;2020&lt;/option&gt;
          &lt;option value="47"&gt;2021&lt;/option&gt;
          &lt;option value="48"&gt;2022&lt;/option&gt;
          &lt;option value="49"&gt;2023&lt;/option&gt;
          &lt;option value="50"&gt;2024&lt;/option&gt;
          &lt;option value="51"&gt;2025&lt;/option&gt;
          &lt;option value="52"&gt;2026&lt;/option&gt;
          &lt;option value="53"&gt;2027&lt;/option&gt;
          &lt;option value="54"&gt;2028&lt;/option&gt;
          &lt;option value="55"&gt;2029&lt;/option&gt;
          &lt;option value="56"&gt;2030&lt;/option&gt;
          &lt;option value="57"&gt;2031&lt;/option&gt;
          &lt;option value="58"&gt;2032&lt;/option&gt;
          &lt;option value="59"&gt;2033&lt;/option&gt;
          &lt;option value="60"&gt;2034&lt;/option&gt;
          &lt;option value="61"&gt;2035&lt;/option&gt;
          &lt;option value="62"&gt;2036&lt;/option&gt;
          &lt;option value="63"&gt;2037&lt;/option&gt;
          &lt;option value="64"&gt;2038&lt;/option&gt;
          &lt;option value="65"&gt;2039&lt;/option&gt;
          &lt;option value="66"&gt;2040&lt;/option&gt;
          &lt;option value="67"&gt;2041&lt;/option&gt;
          &lt;option value="68"&gt;2042&lt;/option&gt;
          &lt;option value="69"&gt;2043&lt;/option&gt;
          &lt;option value="70"&gt;2044&lt;/option&gt;
          &lt;option value="71"&gt;2045&lt;/option&gt;
          &lt;option value="72"&gt;2046&lt;/option&gt;
          &lt;option value="73"&gt;2047&lt;/option&gt;
          &lt;option value="74"&gt;2048&lt;/option&gt;
          &lt;option value="75"&gt;2049&lt;/option&gt;
          &lt;option value="76"&gt;2050&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>UPDATE</strong>
  after some experimentation this is the solution <a href="http://jsfiddle.net/nfGmJ/12/" rel="nofollow">jsfiddle</a></p>