diff --git a/css/style.css b/css/style.css
index 9be5840..9475843 100644
--- a/css/style.css
+++ b/css/style.css
@@ -180,10 +180,6 @@ sup {
   transform: scale(0);
   transform-origin: 20px 20px;
 }
-#show-menu:checked ~ .menu-body
-{
-  display: flex;
-}
 #show-menu:checked ~ .menu-body .menu-item a
 {
   transform: scale(1);
@@ -197,6 +193,8 @@ sup {
 
 .landing nav .menu .menu-body {
   position: absolute;
+  display: flex;
+  flex-direction: row-reverse;
   right: 0;
   margin-top: 10px;
   display: flex;
@@ -212,6 +210,11 @@ sup {
   background: #000;
   border-radius: 50%;
 }
+/* Fixes a positionning bug in IE11 */
+.landing nav .menu .menu-body > .menu-item:nth-child(1) { order: 4 }
+.landing nav .menu .menu-body > .menu-item:nth-child(2) { order: 3 }
+.landing nav .menu .menu-body > .menu-item:nth-child(3) { order: 2 }
+.landing nav .menu .menu-body > .menu-item:nth-child(4) { order: 1 }
 /* Colour formatting no need to depend on active */
 .landing nav .menu .menu-body .menu-item:nth-child(1) a:hover {background: #00a0a3}
 .landing nav .menu .menu-body .menu-item:nth-child(2) a:hover {background: #9b1f82}