jQuery Masterpageのタブ - タブとタブの間のスペース

Question

コンテンツコントロールでjQueryUIのタブを使用しようとしています。以下のコードは、MasterPageを使用しないページで動作します。コンテンツコントロールで使用すると、タブとコンテンツの間に大きな灰色のスペースがあります。どのように私はこれを取り除くのですか？

コンテンツページで問題のないjqueryカレンダーとアコーディオンを使用しています。 ！

このリンク[http://imgur.com/qGQjK.png][1]

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server"> 
<div class="demo"> 
<div id="tabs"> 
<ul> 
    <li><a href="#tabs-1">Nunc tincidunt</a></li> 
    <li><a href="#tabs-2">Proin dolor</a></li> 
    <li><a href="#tabs-3">Aenean lacinia</a></li> 
</ul> 
<div id="tabs-1"> 
    <p>This is tab 1 content</p> 
</div> 
<div id="tabs-2"> 
    <p>Tab 2 </p> 
</div> 
<div id="tabs-3"> 
    <p>tab 3</p> 
</div> 
</div> 
</div> 
<script type="text/javascript"> 
    $(function() { 
     $("#tabs").tabs(); 
    }); 
</script> 
</asp:Content> 

[altテキスト]でスクリーンショットがあります[1]

[1]：ここ

は、それが中でどのように見えるのです同じプロジェクトにはマスターページがありません。余分なスペースはありません。 ！

[altテキスト] [1]

[1]：

ここでは遅すぎる、答えはあるものの、タブ

.ui-tabs { padding: .2em; zoom: 1; } 
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } 
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } 
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } 
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } 
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ 
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } 
.ui-tabs .ui-tabs-hide { display: none !important; } 

Answer 1

をフォーマットするjQueryのスタイルシートの一部です：

他の人がS O.