title: jquery ui tabs and huge buttons problem
body: <p>In my page i got 3 divs <code>[A] [B] [C]</code> one next to each other
  [A] and [C] contain jquery ui tabs.</p>
  
  <p>Now the middle div [B] contains a mapviewer instance. In order to match the side divs style i created an empty tab (with no tabs) and added my mapviewer tools as button masked a hrefs on the tab header.</p>
  
  <p>the jquery</p>
  
  <pre><code>$("#maptabs").tabs();
  $("#zoomin").button();
  $("#zoomout").button();
  $("#repeat0").button();
  $("#repeat1").button();
  $("#boxzoom").button();
  </code></pre>
  
  <p>and the html:</p>
  
  <pre><code>&lt;div class="maptab"&gt;
  &lt;div id="maptabs"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;div class="tls"&gt;
          &lt;a href="#" id= "zoomin" onclick= "zoomIn();" &gt;+&lt;/a&gt;
          &lt;a href="#" id= "zoomout" onclick= "zoomOut();" &gt;-&lt;/a&gt;
          &lt;a href="#" id= "boxzoom" onclick= "boxzoomin();" &gt;[]&lt;/a&gt;
          &lt;a href="#" id="repeat0" name="repeat"&gt;VIEW&lt;/a&gt;
          &lt;a href="#" id="repeat1" name="repeat" onclick="gotoADE();"&gt;EDIT&lt;/a&gt;
  &lt;/div&gt;&lt;/li&gt;
              &lt;/ul&gt;
  &lt;div id="tabs-1"&gt;
      &lt;div id="mapAll"&gt;
          &lt;div id="mapJ"&gt;&lt;/div&gt;
          &lt;div id="mouse_location" &gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>now the problem is that those masked a hrefs come out as extremely huge buttons 80x40 pixel big. does anyone knows why? and if making a tab ui with buttons instead of tabs on its header is a stupid idea or not.</p>
  
  <p>the reason I did not put normal buttons is that the page for some reason reloads when each tool is activated</p>