Cover style in react CSS does apply
Not sure if anyone else has experienced this but i've created the component in the exact way outlined in the sketch picker example here: https://casesandberg.github.io/react-color/ 

However the cover style which dictates the component's position doesn't do anything. Everything else is working perfectly though. I am putting the color picker inside another component but considering that everything else is working normally i can't see why that would be the problem.

Here's my render function from the color component class but you'll quickly notice that it is almost identical to the example from the link above

```
render() {

    const styles = reactCSS({
      'default': {
        color: {
          width: '36px',
          height: '14px',
          borderRadius: '2px',
          background: this.props.value,
        },
        swatch: {
          padding: '5px',
          background: '#fff',
          borderRadius: '5px',
          boxShadow: '0 0 0 1px rgba(0,0,0,.1)',
          display: 'inline-block',
          cursor: 'pointer',
        },
        popover: {
          position: 'absolute',
          zIndex: '2',
        },
        cover: {
          position: 'fixed',
          top: '0px',
          right: '0px',
          bottom: '0px',
          left: '-60px',
        },
      },
    });

    return (
      <div>

        <div style={ styles.swatch } onClick={ this.handleClick }>
          <div style={ styles.color } />
        </div>
        { this.state.displayColorPicker ? <div style={ styles.popover }>
          <div style={ styles.cover } onClick={ this.handleClose }/>
          <SketchPicker color={ this.props.value } onChange={ this.props.onValue } />
        </div> : null }

      </div>
    )
  }

```