<!--
  Note: if the issue is about documentation or the website, please file it at:
  https://github.com/reactjs/reactjs.org/issues/new
-->

**Do you want to request a *feature* or report a *bug*?**
Bug? (not a biggy - not sure if IE11 is support for development)

**What is the current behavior?**

IE11 seems to always throw a warning for hydration failures
eg

> **Warning: Prop `style` did not match. Server: "text-decoration: none;" Client: "text-decoration:none"**

Note: there is a space between the colon and none from Server, Client has no space

**If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://jsfiddle.net or similar (template for React 16: https://jsfiddle.net/Luktwrdm/, template for React 15: https://jsfiddle.net/hmbg7e9w/).**

Have a SSR rendered component, using inline styles
```
                       <a href="/page1" style={{ textDecoration: "none" }}>
                            <h1 className="splash-head">Go to Page1</h1>
                        </a>
```

Then hydrate it on IE11
`ReactDOM.hydrate(component, document.getElementById("app"));`

This **doesnt** occur in either Chrome or Firefox

**What is the expected behavior?**

No warning

**Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?**

React: 16.1.1
Browser: IE11


componentDidMount() {
        mountCount++;
      }
      click = () => {
        numClicks++;
      };
      render() {
        return (
          <span ref="span" onClick={this.click}>
            Name: {this.props.name}
          </span>
        );
      }
    }
    const element = document.createElement('div');
    document.body.appendChild(element);
    try {
      ReactDOM.render(<TestComponent />, element);
      let lastMarkup = element.innerHTML;
      
      
      ReactDOM.render(<TestComponent name="x" />, element);
      expect(mountCount).toEqual(1);