title: twitter bootstrap button group with transparent background
body: <p>I have a button group using twitter bootstrap as you see here:</p>
  
  <p><a href="http://jsfiddle.net/rmk7H/" rel="nofollow">http://jsfiddle.net/rmk7H/</a></p>
  
  <p>It makes a linear-gradient background:</p>
  
  <pre><code>linear-gradient(to bottom, #FFFFFF, #E6E6E6)
  </code></pre>
  
  <p>which is annoying me. I want it to have a transparent background by adding <code>mynav</code> class. How should I modify <code>mynav</code> class?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="btn-group mynav"&gt;
  &lt;a class="btn dropdown-toggle" data-toggle="dropdown" href="#"&gt;
  Username
  &lt;span class="caret"&gt;&lt;/span&gt;
  &lt;/a&gt;
  &lt;ul class="dropdown-menu"&gt;
    &lt;ul class="nav nav-list"&gt;
    &lt;li class="nav-header"&gt;List header&lt;/li&gt;
    &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Library&lt;/a&gt;&lt;/li&gt;
    ...
    &lt;/ul&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.mynav
  {
  
  }
  </code></pre>