Tamaño de las pestañas (tabs) en Jquery

[percuri]

Hola estoy desarrollando una pequeña aplicación en HTML y Jquery, me interesa que sean pestañas con contenido y esto lo estoy intentando desarrollar con Jquery tabs:
[URL="http://jqueryui.com/tabs/"]http://jqueryui.com/tabs/[/URL]

El código sería como este:

Código:

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Pestaña 1</a></li>
    <li><a href="#tabs-2">Pestaña 2</a></li>
    <li><a href="#tabs-3">Pestaña 3</a></li>
  </ul>
  <div id="tabs-1">
    <p>Contenido Pestaña 3.</p>
  </div>
  <div id="tabs-2">
    <p>Contenido Pestaña 2.</p>
  </div>
  <div id="tabs-3">
    <p>Contenido Pestaña 3.</p>
  </div>
</div>

Hasta aquí todo bien, pero me interesa especificar el alto en % de la barra de pestañas y del panel de contenido. Mi idea sería que la barra tuviera un 10% y el panel de contenido un 90% para que se vea igual en cualquier resolución. Pero no he conseguido que me haga caso ni en % ni en px. He probado de poner el atributo height=10% en el div, en el un, en el li, en el css... pero nada no consigo cambiar el tamaño de ninguna forma.
Alguien tiene una idea? Le estaría muy agradecido! Gracias!