Javascript et Tab

Bonjour,

J'ai un problème sur ce script. Je n'arrives pas à lui dire de considérer la hauteur "non fixe".
Je suis obligé de lui fixer une hauteur et lorsque je ne fixe rien, donc supprime le height, il me fait des trucs à ne pas expliquer.
Pouvez-vous svp m'aider à résoudre ce problème ?
Voici mes pages :

Ma page :

<div class="TabView" id="TabView">
<div class="Tabs" style="width: 100%;">
<a class="Current">Abonnés</a>
<a>Rédiger</a>
<a>Archives</a></div>
<!-- ***** Pages *********************************************************** -->
<div class="Pages" style="width: 100%; height:600px">
<div class="Page" style="display: block;"><div class="Pad">
<!-- Texte 1     -->
texte
<!-- Fin Texte 1 -->
</div></div>
<div class="Page" style="display: none;"><div class="Pad">
<!-- Texte 2     -->
texte
<!-- Fin Texte 2 -->
</div></div>
<div class="Page" style="display: none;"><div class="Pad">
<!-- Texte 3     -->
texte
<!-- Fin Texte 3 -->
</div></div>
</div></div>
<script type="text/javascript" src="tab-view.js"></script>
<script type="text/javascript">tabview_initialize('TabView');</script>

Styles :

div.TabView div.Tabs					{height: 25px; background: url('tab-view.png')  repeat-x 0px -72px; }
div.TabView div.Tabs a					{display: block; float: left; margin-right: 1px; width: 100px; text-align: center; height: 25px; line-height: 24px; vertical-align: middle;
						 				 background: url('tab-view.png') no-repeat 0px 0px; text-decoration: none; color: #004040; cursor: pointer;}
div.TabView div.Tabs a:hover			{background: url('tab-view.png') no-repeat 0px -35px;}
div.TabView div.Tabs a.Current,
div.TabView div.Tabs a.Current:hover	{margin-top: 01px; height: 24px; background: url('tab-view.png') no-repeat 0px 0px; cursor: default;}
div.TabView div.Pages					{clear: both; border: 1px solid #9AA2A5; border-top: none; background: #FCFCFC;}
div.TabView div.Pages                  	{ overflow: hidden; }
div.TabView div.Pages div.Page         	{ overflow:   auto; }
div.TabView div.Pages div.Page div.Pad 	{ padding: 7px 7px; }

Javascript :

function tabview_aux(TabViewId, CurrentId)
{
  var TabView = document.getElementById(TabViewId);

  // ***** Tabs *****

  var Tabs = TabView.firstChild;
  while (Tabs.className != "Tabs") Tabs = Tabs.nextSibling;
  var Tab  = Tabs   .firstChild;
  var i    = 0;

  do
  {
    if (Tab.tagName == "A")
    {
      i++;
      Tab.href         = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
      Tab.className    = (i == CurrentId) ? "Current" : "";
      Tab.blur();
    }
  }
  while (Tab = Tab.nextSibling);

  // ***** Pages *****

  var Pages = TabView.firstChild;
  while (Pages.className != 'Pages') Pages = Pages.nextSibling;
  var Page  = Pages  .firstChild;
  var i     = 0;

  do
  {
    if (Page.className == 'Page')
    {
      i++;
      if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
      Page.style.display  = (i == CurrentId) ? 'block' : 'none';
    }
  }
  while (Page = Page.nextSibling);
}


// ***** Tab View **************************************************************

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }