tab-content div overlaps ul - pre makes everything go grey

Thx for Bootstrap, it rocks :-)

If I put a <pre> inside the tab-content <div> under the tabs <ul>, the whole area (including the tab area) goes grey - the <div> seems to cover the whole area. This is on the 1.3-wip branch. tested on ff6.0.2, ff nightly, webkit nightly, chrome canary osx.

<ul class="tabs" data-tabs="x" >
  <li class="active"><a href="#mypre">pre</a></li>
</ul>
<div id="my-tab-content" class="tab-content">
  <pre class="active" id="mypre">preformatted text</pre>
</div>

Workaround is to wrap inside a div with a padding <p>, eg

<ul class="tabs" data-tabs="x" >
  <li class="active"><a href="#mypre">pre</a></li>
</ul>
<div id="my-tab-content" class="tab-content">
  <div class="active" id="mypre"><p>&nbsp;</p><pre>preformatted text</pre></div>
</div>