title: change background color of Div with style in tag?
body: <p>I'm trying to make a Div change its background color on hover but it's not working.</p>
  
  <p>----------HTML-----------</p>
  
  <pre><code>   &lt;div class="home-circles" style="background-color:#92cd00"&gt;
          &lt;span style="color:#1C263C"&gt;&lt;b&gt;About Me&lt;/b&gt;&lt;/span&gt;
          &lt;/div&gt;
  
     &lt;div class="home-circles" style="background-color:#FFCF79"&gt;
      &lt;span style="color:#663333"&gt;&lt;b&gt;Music&lt;/b&gt;&lt;/span&gt;
      &lt;/div&gt;
  
      &lt;div class="home-circles" style="background-color:#E5E4D7"&gt;
      &lt;span style="color:#097054"&gt;&lt;b&gt;Hi Morgane&lt;/b&gt;&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>----------CSS------------</p>
  
  <pre><code>.home-circles {
      width:250px;
      height:250px;
      border-radius: 200px; 
      margin:25px;
      float:left;
      text-align:center;
      vertical-align:middle;
      line-height:250px;
      font-size:50px;
      font-family:rochester;
  
      -webkit-border-radius: 12px; 
      -moz-border-radius: 12px; 
      -moz-transition: all .4s ease-in-out;
      -o-transition: all .4s ease-in-out;
      -webkit-transition: all .4s ease-in-out;
      -moz-transition: all .3s ease-in-out;
  }
  
  .home-circles:hover
  {
      cursor:pointer;
      background-color:#fff;
  }
  </code></pre>
  
  <p>The problem seems to be the style attribute in the div. The background color specified in the Div seem to supersede the one specified in .home-circles:hover. Is there a way to get around it without changing the CSS for .home-circles?</p>