title: hr tag is not working in firefox correctly
body: <p>This is my effective code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.row {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #98bf21;
    box-shadow: 10px 10px 5px #888888;
    box-sizing: border-box;
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    text-align: justify;
    width: 100%;
  }
  hr {
    display: block;
  }
  .row2 div {
    float: left;
  }
  .tblalt {
    overflow-y: auto;
    width: 100%;
  }
  .tblalt .left {
    box-sizing: border-box;
    float: left;
    overflow-y: auto;
    padding-right: 5px;
    width: 30%;
  }
  .tblalt .right {
    border-left: 1px solid #0f0f0f;
    box-sizing: border-box;
    float: left;
    overflow-y: auto;
    padding-left: 2px;
    width: 70%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;section class="row row2"&gt;
  
    &lt;h3&gt;Albert Einstein,  1879 - 1955 &lt;/h3&gt;
  
    &lt;p&gt;US(German-born) Physicist&lt;/p&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;&lt;b&gt;Source&lt;/b&gt;
  
      &lt;/div&gt;
      &lt;div class="right"&gt;&lt;b&gt;Quotations&lt;/b&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;-&lt;/div&gt;
      &lt;div class="right"&gt;Before God we are all equally wise and equally foolish.&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;-&lt;/div&gt;
      &lt;div class="right"&gt;Few people are capable of expressing with equanimity opinions which differ from the prejudices of their social environment. Most people are even incapable of forming such opinions.&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;-&lt;/div&gt;
      &lt;div class="right"&gt;I never teach my pupils. I only attempt to provide the conditions in which they can learn.&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;-&lt;/div&gt;
      &lt;div class="right"&gt;I never think of the future - it comes soon enough. Imagination is more important than knowledge ...&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;-&lt;/div&gt;
      &lt;div class="right"&gt;It is miracle that curiosity survives formal education.&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;-&lt;/div&gt;
      &lt;div class="right"&gt;It is the supreme art of the teacher to awaken joy in creative expression and knowledge.&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;-&lt;/div&gt;
      &lt;div class="right"&gt;Laws alone can not secure freedom of expression; in order that every man present his views without penalty there must be spirit of tolerance in the entire population.&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;-&lt;/div&gt;
      &lt;div class="right"&gt;Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
    &lt;hr&gt;
    &lt;div class="tblalt"&gt;
      &lt;div class="left"&gt;-&lt;/div&gt;
      &lt;div class="right"&gt;Reading, after a certain age, diverts the mind too much from its creative pursuits. Any man who reads too much and uses his own brain too little falls into lazy habits of thinking.&lt;/div&gt;
    &lt;/div&gt;
    &lt;hr&gt;
  &lt;/section&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><code>hr</code> tag is working correctly in Chrome:</p>
  
  <p><img src="https://i.stack.imgur.com/YuNh3.jpg" alt="enter image description here"></p>
  
  <p>But <code>hr</code> tag is not working in firefox:</p>
  
  <p><img src="https://i.stack.imgur.com/yNOk6.jpg" alt="enter image description here"></p>
  
  <p>My site url: <a href="http://englishact.com/Quotations/AlbertEinstein.php" rel="nofollow noreferrer">http://englishact.com/Quotations/AlbertEinstein.php</a></p>
  
  <p>Any ideas on how to solve the problem?</p>