title: JQuery UI Tabs - No line border below tabs
body: <p>I can't figure out why any tab selection after the first tab of my JQuery UI set, no line appears underneath.</p>
  
  <p>Pics:</p>
  
  <p><img src="https://i.stack.imgur.com/mhUPM.jpg" alt="http://i54.tinypic.com/adhzsk.jpg"></p>
  
  <p><img src="https://i.stack.imgur.com/aPgCE.jpg" alt="enter image description here"></p>
  
  <pre><code>&lt;div id="tabs" style="width:750px;margin: 0 auto;"&gt;
          &lt;ul&gt;
          &lt;li&gt;&lt;a href="#tabs-1" onClick="$('#newJudgeLink').hide(); $('#newUserLink').hide();"&gt;New Reports&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-2" onClick="$('#newJudgeLink').hide(); $('#newUserLink').hide();"&gt;Old Reports&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-3" onClick="$('#newJudgeLink').show(); $('#newUserLink').hide();"&gt;Judges&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-4" onClick="$('#newJudgeLink').hide(); $('#newUserLink').show();"&gt;Users&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#tabs-5" onClick="$('#newJudgeLink').hide(); $('#newUserLink').hide();"&gt;Other Settings&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  </code></pre>
  
  <p>And then each div has</p>
  
  <pre><code> &lt;div id="tabs-1"&gt; &lt;!-- stuff --&gt; &lt;/div&gt;
   &lt;div id="tabs-2"&gt; &lt;!-- stuff --&gt; &lt;/div&gt;
  </code></pre>
  
  <p>, etc. And I've double checked and made sure all of the divs are closed. I have no other styling aside from the out-of-the-box JQuery CSS.</p>
  
  <p>Tabs delaration:</p>
  
  <pre><code>$('#tabs').tabs();
  </code></pre>
  
  <p>Any help would be highly appreciated. </p>