Add babel polyfill for testing, update tests to have two cards, update browser support in readme

Author: erwstout

README.md

@@ -16,16 +16,19 @@ from [David Walsh's great tutorial](https://davidwalsh.name/css-flip).
 `npm install react-card-flipper --save`
 
 ## Current Browser Support
-Initial testing via BrowserStack:
+Initial testing via BrowserStack of a React app that simply renders the card
+component.
 
 | Browser | Support | Notes |
-| ------------- |:--:| ------ |
-| Chrome >= 38  | ✅ | |
-| Edge >= 14    | ✅ | |
-| IE 11         | ⚠️ | |
-| IE 10         | ❌ | Card flip appears backwards |
-| Safari >= 10.1| ✅ | |
-| Safari 9.1    | ⚠️ | React doesn't render, possibly needs a babel polyfill for testing |
+| ---------------- |:--:| ------ |
+| Chrome >= 38     | ✅ | |
+| Edge >= 14       | ✅ | |
+| Firefox >= 16    | ✅‍ |  |
+| IE 11-10         | ⚠️ | Card flip back panel does not appear |
+| IE 9.0           | ❌ | Both sides of card appear at once |
+| Opera >= 30      | ✅ | |
+| Safari >= 6.2.8  | ✅ | |
+| Safari 6.0.5     | ⚠️ | Card flip has no animation |
 
 
 ## Getting Started

Test.js

@@ -14,6 +14,14 @@ ReactDOM.render(
             Great job! You win person of the year.
           </div>
         </ReactCardFlipper>
+        <ReactCardFlipper width="300px" height="400px" behavior="hover">
+          <div className="text-center">
+            This is a second card because you can have multiple. This one hovers!
+          </div>
+          <div className="text-center">
+            Great job! You win person of the day.
+          </div>
+        </ReactCardFlipper>
       </div>
     </div>
   </div>,

package.json

@@ -12,6 +12,7 @@
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.4",
+    "babel-polyfill": "^6.26.0",
     "babel-preset-env": "^1.6.1",
     "babel-preset-react": "^6.24.1",
     "css-loader": "^0.28.10",

tests/tests.css

@@ -3,7 +3,8 @@
 }
 
 .rcf-container {
-  margin: 0 auto;
+  display: inline-block;
+  margin: 0 20px;
 }
 
 .rcf-front, .rcf-back{

webpack.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 
 module.exports = {
-  entry: './Test.js',
+  entry: ['babel-polyfill', './Test.js'],
   output: {
     filename: 'test_bundle.js',
     path: path.resolve(__dirname, 'tests')