JQuery Panel - Linke Menühöhe

Question

Ich habe ein linkes Menü aus jQuery Panel. Seine Höhe ist Vollbild. Wie kann ich es auf eine Größe reduzieren, die so hoch ist wie sein Inhalt (ul-Attribut in diesem Szenario). Ich kann nicht sogar manuell seine Höhe von Div-Stil (Breite: 100px; Höhe: 10px hat nicht funktioniert.). Gibt es einen bestimmten Grund für jQuery Panel?

Irgendeine Idee?

<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script> 
<!--LEFT TOP MENU PANEL--> 
    <div data-role="panel" id="leftMenu" data-position="left" data-display="overlay" data-theme="a" data-overlay-theme="a" style="width:170px;"> 
     <ul data-role="listview"> 
      <li data-icon="false"><a id="a" href="#">Show A Items</a> 
      </li> 
      <li data-icon="false"><a id="b" href="#">Show B Items</a> 
      </li> 
      <li style="display:none" data-icon="false"><a>Show C Items</a> 
      </li> 
      <li data-icon="false"><a id="c" data-transition="none" href="#show_pollen">Show D Items</a> 
      </li> 
     </ul> 
    </div> 

Answer 1

Ok, ich beendete gerade die Bearbeitung von jquery.mobile.css. Das Min-Height-Attribut von .ui-panel gefunden und auf 0% gesetzt, kann ebenfalls wichtig sein, um zu bestimmen, dass max-height auf 20% gesetzt ist.

.ui-panel{width:17em;min-height: 0%;max-height: 20%;border-width:0;position:absolute;top: 160px;display:block;}