title: Bootstrap table table-condensed table-hover, Top Border not showing
body: <p>I am using custom css with bootstrap for outer border. but the top border isnt visible unless i make its size to 2 px.</p>
  
  <p>how can i solve this?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;table class="table table-condensed table-hover border"&gt; 
  &lt;tr&gt;&lt;td&gt;#&lt;/td&gt;&lt;td&gt;&lt;strong&gt;name&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;1.&lt;/td&gt;&lt;td&gt;one&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;2.&lt;/td&gt;&lt;td&gt;two&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;3.&lt;/td&gt;&lt;td&gt;three&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;4.&lt;/td&gt;&lt;td&gt;four&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>@import url("http://netdna.bootstrapcdn.com/bootswatch/3.0.3/cerulean/bootstrap.min.css");
  @import url("http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css");
  
  .border{
  background-color:#fff;
  color:#000;
  padding:10px;
  border:1px solid #4C7ED1;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Xy6a6/" rel="nofollow">http://jsfiddle.net/Xy6a6/</a></p>
  
  <p>I would like a Outer Table Border of 1px #4C7ED1
  Its visible on all sides except top , how can i fix it ?</p>
  
  <p>Thanks</p>