title: CSS bug only in firefox div background replaced by part of divs
body: <p>I worked on some website and I get this in firefox:</p>
  
  <p><a href="http://i.imgur.com/BRIBTwF.png" rel="nofollow">http://i.imgur.com/BRIBTwF.png</a></p>
  
  <p>and in Chrome, Opera and even IE10 I get as it should be:</p>
  
  <p><a href="http://i.imgur.com/75wXr1c.png" rel="nofollow">http://i.imgur.com/75wXr1c.png</a></p>
  
  <p>This is my css:</p>
  
  <pre><code>.carousel-bottom{
  
  background:  -webkit-gradient(radial, rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* Saf4+, Chrome */
  background: -webkit-radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png');
  background: -moz-radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* FF3.6+ */
  background: -ms-radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* IE10 */
  background: -o-radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* Opera 11.10+ */
  background: radial-gradient(rgba(255,255,255,1) 48%,rgba(168,168,183,1) 90%), url('../img/texture.png'); /* W3C */
  height:15px;
  box-shadow: 1px -1px 2px grey inset;
  overflow:none !important;
  z-index: 1000;
  }
  </code></pre>
  
  <p>Anyone know what could be the problem?</p>