[IE8] Make checkbox on login page look less out of place

1 files changed, 11 insertions, 1 deletions

diff --git a/core/css/styles.css b/core/css/styles.css
index d952a33c24a..be53580283d 100644
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -159,6 +159,9 @@ textarea:hover, textarea:focus, textarea:active {
 	opacity: 1;
 }
 
+.ie8 input[type="checkbox"] { margin:0; padding:0; height:auto; width:auto; }
+.ie8 input[type="checkbox"]:hover+label, input[type="checkbox"]:focus+label { color:#111 !important; }
+
 /* ie8 doesn't support :checked */
 html:not(.ie8) input[type="checkbox"].checkbox {
 	margin:0;
@@ -656,6 +659,14 @@ label.infield {
 	padding-left: 28px;
 	vertical-align: middle;
 }
+html.ie8 #body-login form input[type="checkbox"]+label {
+	margin-left: -28px;
+	margin-top: -3px;
+	vertical-align: auto;
+}
+html.ie8 #body-login form input[type="checkbox"] {
+	margin-top: 5px;
+}
 #body-login form .errors { background:#fed7d7; border:1px solid #f00; list-style-indent:inside; margin:0 0 2em; padding:1em; }
 #body-login .success { background:#d7fed7; border:1px solid #0f0; width: 35%; margin: 30px auto; padding:1em; text-align: center;}
 
@@ -851,7 +862,6 @@ label.infield {
 }
 #remember_login {
 	margin: 18px 5px 0 16px !important;
-	vertical-align: text-bottom;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
 	opacity: .7;
 }