title: How is this float affecting the border-radius of my td?
body: <p>I have a td which adds a hover class when I hover the mouse over it:</p>
  
  <pre><code>.hover{
      border: 1px solid #364861;
      background: #5979a0 url(img.png) 50% 50% repeat-x;
      font-weight: bold;
      color: #ffffff;
      border-radius: 10px;
  }
  </code></pre>
  
  <p>For some reason I can't figure out, the border attribute wasn't taking effect. I randomly added</p>
  
  <pre><code>float: left;
  </code></pre>
  
  <p>to the class, and now it works...</p>
  
  <p>It works, so I'm happy, but I don't know why.
  I can't recreate the problem in a fiddle, there must be some class somewhere in my DOM that's having an effect on my td. But I just don't know how a float would effect the border-radius of an element.</p>
  
  <p>I did not know these to attributes were linked in any way.</p>