IE7 menu issue

Hi there,

https://www.sadafmakeup.com

has been designed by me based on SandBox using a child theme (imaginatively) titled SandBox Child. Advantages of this theme is that it’s a completely barebones CSS template. My child theme is the styling you can see. It looks beautiful on any browser…

However, in IE7, my menu has shifter over all the way to the right hand side. I really cannot work out how to fix this. I am using another css file called all-ie-only.css to fix another issue but still can’t work out how to fix this.

Here is a paste bin link to the IE css file https://pastebin.com/scJCuhAW

In header.php, I have the following under ?></title>

<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url') ?>" />

	<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

Any help would be appreciated as this site is now live.

Many thanks in advance!