diff --git a/css/ol.css b/css/ol.css
index 4e73a667ef..5fdca84a9e 100644
--- a/css/ol.css
+++ b/css/ol.css
@@ -82,7 +82,7 @@ a.ol-full-screen-true:after {
   list-style: none;
 }
 
-.ol-mouseposition {
+.ol-mouse-position {
   top: 8px;
   right: 8px;
   position: absolute;  
diff --git a/examples/mouse-position.html b/examples/mouse-position.html
index 5cdf3e36b1..4bcd30b47f 100644
--- a/examples/mouse-position.html
+++ b/examples/mouse-position.html
@@ -9,8 +9,8 @@
     <link rel="stylesheet" href="../resources/bootstrap/css/bootstrap-responsive.min.css" type="text/css">
     <title>Mouse position example</title>
     <style type="text/css">
-      /* Nullify the default .ol-mouseposition rule */
-      #mouse-position .ol-mouseposition {
+      /* Nullify the default .ol-mouse-position rule */
+      #mouse-position .ol-mouse-position {
         position: static;
       }
     </style>
diff --git a/src/ol/control/mousepositioncontrol.js b/src/ol/control/mousepositioncontrol.js
index 3e77966ebe..5b3c5575ed 100644
--- a/src/ol/control/mousepositioncontrol.js
+++ b/src/ol/control/mousepositioncontrol.js
@@ -28,7 +28,7 @@ ol.control.MousePosition = function(opt_options) {
   var options = goog.isDef(opt_options) ? opt_options : {};
 
   var className = goog.isDef(options.className) ?
-      options.className : 'ol-mouseposition';
+      options.className : 'ol-mouse-position';
 
   var element = goog.dom.createDom(goog.dom.TagName.DIV, {
     'class': className