IE fixes

app/assets/stylesheets/theme1/theme1.css.sass

@@ -114,11 +114,12 @@ body
       position: relative
       .navbar-inner
         height: 48px
+        background-color: transparent
         background-image: image-url('theme1/nav-bar-left.png'), image-url('theme1/nav-bar-right.png'), image-url('theme1/nav-bar-middle.png')
         background-repeat: no-repeat, no-repeat, repeat-x
         background-position: left center, right center, center center
-        background-color: transparent
         border: 0
+        -ms-filter: ''
         .nav-collapse
           &.in.collapse
             background-color: rgba(0,0,0,0.4)
@@ -144,6 +145,10 @@ body
               text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
               &:hover
                 color: $green
+              @media (max-width: 480px)
+                font-size: 12px
+                margin: 0 5px
+                padding: 0 10px
             &.active
               a
                 color: $green
@@ -261,7 +266,7 @@ body
         .footer-content
           background-color: #420F03
           text-align: right
-          padding: 72px 30px 20px 30px 
+          padding: 72px 30px 20px 10px 
           overflow: visible
           margin: 0 auto
           a

app/views/layouts/theme1-home.html.slim

@@ -6,7 +6,6 @@ html lang="en"
     meta name="viewport" content="width=device-width, initial-scale=1.0"
     title= content_for?(:title) ? yield(:title) : application_title
     = csrf_meta_tags
-
     /! Le HTML5 shim, for IE6-8 support of HTML elements
     /[if lt IE 9]
       = javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js"