title: Radium ':Hover' not working
body: <p>In my first time implementing Radium, I am trying a simple ':hover'. Here is what I have ...</p>
  
  <pre><code>import React from 'react'
  import Radium from 'radium'
  
  @Radium
  export default class ResSideNav extends React.Component {
    render() {
      const style = {
        navItem: {
          backgroundColor: '#2c80b8',
  
          ':hover': {
            backgroundColor: '#3A94CF'
          }
        }
      };
  
      return(
        // navItems defined elsewhere
        &lt;div style={ style.navContainer }&gt;
          {navItems.map((item, i) =&gt; &lt;div key={ i } style={ style.navItem }&gt;
                                      { item.name }&lt;/div&gt;)}
        &lt;/div&gt; 
      );
    }
  };
  </code></pre>
  
  <p>I am getting no errors in server or console, there is just flat out no :hover state event. Webpack is giving me no errors as I have setup my <code>.babelrc</code> and Webpack Config File to read decorator syntax.</p>
  
  <p>Just to be clear, there are other styles and elements at play, but this is a trimmed fat example. Thanks.</p>