Use smaller background image for IE, smaller elements within it.

We're constraining older IE to 58ems altogether.
mysociety · Aug 28, 2014 · 1aa738d · 1aa738d
1 parent f9cf947
commit 1aa738d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/assets/images/frontpage-lead-background-ie.png b/assets/images/frontpage-lead-background-ie.png
diff --git a/assets/stylesheets/responsive/_frontpage_layout.scss b/assets/stylesheets/responsive/_frontpage_layout.scss
@@ -21,7 +21,7 @@ $dark-blue: #475e90;
 
       @include ie8{
         padding-right: 0.9375em;
-        background: image-url("frontpage-lead-background.png") no-repeat scroll 0 0 transparent;
+        background: image-url("frontpage-lead-background-ie.png") no-repeat scroll 0 0 transparent;
       }
       @include lte-ie7 {
         width: 36.813em;
@@ -32,8 +32,12 @@ $dark-blue: #475e90;
       padding-bottom: 20px;
       @include respond-min( $main_menu-mobile_menu_cutoff ){
         width: 154px;
-        /* No older IE support for border-box */
+        /* We're constraining older IE to a smaller width */
         @include ie8{
+          width: 145px;
+        }
+        /* No older IE support for border-box */
+        @include lte-ie7 {
           width: 111px;
         }
         padding-left: 30px;