Fix IE9 author sidebar styling

assets/_scss/_archive.scss

@@ -77,6 +77,9 @@ a:hover {
   }
   .archive__item-teaser {
     border-radius: $border-radius;
+    img {
+      width: 100%;
+    }
   }
   @include breakpoint($small) {
     @include gallery(5 of 10);

assets/_scss/_base.scss

@@ -2,8 +2,6 @@
    BASE ELEMENTS
    ========================================================================== */
 
-@include border-box-sizing;
-
 body {
   margin: 0;
   padding: 0;

assets/_scss/_reset.scss

@@ -2,6 +2,8 @@
    STYLE RESETS
    ========================================================================== */
 
+@include border-box-sizing;
+
 html {
   /* apply a natural box layout model to all elements */
   box-sizing: border-box;
@@ -17,11 +19,6 @@ html {
   -ms-text-size-adjust: 100%;
 }
 
-/* apply a natural box layout model to all elements */
-*, *:before, *:after {
-  box-sizing: inherit;
-}
-
 /* Remove margin */
 
 body { margin: 0; }

assets/_scss/_sidebar.scss

@@ -61,8 +61,8 @@
   height: 36px;
   @include breakpoint($large) {
     display: block;
-    width: initial;
-    height: initial;
+    width: 100%;
+    height: 100%;
   }
   img {
     max-width: 110px;
@@ -142,12 +142,12 @@
   box-shadow: 0 0 10px rgba(#000, 0.25);
   @include breakpoint($large) {
     display: block;
-    position: initial;
+    position: relative;
     margin: 0;
     padding: 0;
     border: 0;
-    background: initial;
-    box-shadow: initial;
+    background: transparent;
+    box-shadow: none;
   }
   &:before {
     content: "";