Hey, So I'm working on a website and wanted to use the Toggleable tabs offered by bootstrap. (http://twitter.github.com/bootstrap/javascript.html#tabs).
If I have just words within the contents of the tab, within the <div class="tab-pan fade... then it works fine. However I was wanting to put in tables to display things. I am planning on using <table class="table table-hover"> as I liked the effect. (http://twitter.github.com/bootstrap/base-css.html#tables) I only have two tabs as of right now. When the first tab... <div class="tab-pane fade in active" id="test"> is selected, which is when the page is refreshed or if it's clicked, it has extra space below it's table which is the table from the other tab. The information from the other tab that is below it is not visible, but there is space and the <a href...> stuff from the other table is clickable. I figured maybe you just couldn't use tables within the tabs for some strange reason. However when the other tab is selected, it works perfectly fine. There is no extra space anywhere and the contents from the other table are not visible or clickable at all. I was wondering if anyone has encountered this before, or if there is a solution. Thank you in advance, Cheers, Jake
