title: SyntaxHighlighter margin bug with bootstrap?
body: <p><strong>I have this code.</strong></p>
  
  <pre><code>&lt;pre class="brush: xml"&gt;&amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;utf-8&amp;quot;?&amp;gt;
  &amp;lt;Test xmlns:xsi=&amp;quot;http://www.w3.org/2001/XMLSchema-instance&amp;quot; xmlns:xsd=&amp;quot;http://www.w3.org/2001/XMLSchema&amp;quot;&amp;gt;
      &amp;lt;ABC&amp;gt;
        &amp;lt;A&amp;gt;B&amp;lt;/A&amp;gt;
      &amp;lt;/ABC&amp;gt;
  &amp;lt;/Test&amp;gt;&lt;/pre&gt;
  </code></pre>
  
  <p><strong>And this javascript.</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;SyntaxHighlighter.all();&lt;/script&gt;
  </code></pre>
  
  <p><strong>Before that I loaded:</strong></p>
  
  <ul>
  <li>XRegExp.js</li>
  <li>shCore.js</li>
  <li>shBrushXml.js</li>
  </ul>
  
  <p><strong>And the css:</strong></p>
  
  <ul>
  <li>shCoreRDark.css</li>
  <li>shThemeRDark.css</li>
  </ul>
  
  <p><strong>But it looks like:</strong>
  <img src="https://i.imgur.com/xwPNPfp.png" alt="Bug example"></p>
  
  <p>The problem is that the first line is between line 1 and 2. The margin issnt correct or something else!?
  I dont know. With FireBug I cant find the problem :( </p>
  
  <p><strong>And by the way</strong>... Is it possible to disable/hide the "?" button on the top right corner?</p>
  
  <p>Fiddle example (bad parsing!?): <a href="http://jsfiddle.net/Zrm2G/" rel="nofollow noreferrer">http://jsfiddle.net/Zrm2G/</a></p>