diff --git a/examples/style.mobile.css b/examples/style.mobile.css
index d8e1c915e6..d0775bd464 100644
--- a/examples/style.mobile.css
+++ b/examples/style.mobile.css
@@ -30,3 +30,13 @@ a.olControlZoomIn {
 a.olControlZoomOut {
     border-radius: 0 0 4px 4px;
 }
+div.olControlZoom a:hover {
+    background: #444444; /* fallback for IE */
+    background: rgba(0, 0, 0, 0.5);
+    filter: alpha(opacity=80);
+}
+@media only screen and (max-width: 600px) {
+    div.olControlZoom a:hover {
+        background: rgba(0, 0, 0, 0.3);
+    }
+}
diff --git a/theme/default/style.css b/theme/default/style.css
index f63f4acf8e..0912ffebec 100644
--- a/theme/default/style.css
+++ b/theme/default/style.css
@@ -457,6 +457,11 @@ div.olControlZoom a:hover {
     background: rgba(0, 0, 0, 0.5);
     filter: alpha(opacity=80);
 }
+@media only screen and (max-width: 600px) {
+    div.olControlZoom a:hover {
+        background: rgba(0, 0, 0, 0.3);
+    }
+}
 a.olControlZoomIn {
     border-radius: 4px 4px 0 0;
 }