title: Adding href to one button in btn-toolbar and maintaining alignment
body: <p>I want to add an href to the Contact Sales button in the following code.  If I wrap the button in an anchor tag the button moves down out of alignment with the other button (it slides 8px down).  I've been looking at Firebug console and can't figure out how to solve this.  </p>
  
  <pre><code>         &lt;div id="headerbtn" class="span6"&gt;
              &lt;div class="btn-toolbar pull-right"&gt;
                  &lt;div class="btn-group"&gt;
                      &lt;button class="btn btn-primary dropdown-toggle"&gt;
                          Contact Sales
                      &lt;/button&gt;
                  &lt;/div&gt;
                  &lt;div class="btn-group"&gt;
                      &lt;button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"&gt;
                      &lt;i class="icon-user icon-white"&gt;&lt;/i&gt;
                      Sign In
                      &lt;span class="caret"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;ul class="dropdown-menu"&gt;
                          &lt;li&gt;
                              &lt;a href="#"&gt;Profile&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li class="divider"&gt;&lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="#"&gt;Sign Out&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I'm new to Bootstrap and would appreciate any help.  Thanks</p>