diff --git a/css/main.css b/css/main.css
index c19234a..54a25fc 100644
--- a/css/main.css
+++ b/css/main.css
@@ -19,20 +19,24 @@ body {
 
 #nav {
     position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    text-align: center;
-    padding: 1.5em 0 31.5em 0;
-    z-index: 1;
-    overflow: hidden;
+	top: 0;
+	left: 0;
+	width: 100%;
+}
+
+#nav #content {
+	width: 100%;
+	text-align: center;
+	padding: 1.5em 0 31.5em 0;
+	z-index: 1;
+	overflow-x: hidden;
 }
 
 ul, li {
 	list-style: none;
 }
 
-#nav > ul {
+#nav #content > ul {
     line-height: 0px;
     position: relative;
     display: inline-block;
@@ -43,7 +47,7 @@ ul, li {
     padding: 0 0.5em;
 }
 
-#nav > ul > li {
+#nav #content > ul > li {
 	display: inline-block;
 	margin: -9px 0.5em 0 0.5em;
 	border-radius: 0.5em;
@@ -52,17 +56,17 @@ ul, li {
 	position: relative;
 }
 
-#nav > ul::before {
+#nav #content > ul::before {
     left: 100%;
     margin-left: 1px;
 }
 
-#nav > ul::after {
+#nav #content > ul::after {
     right: 100%;
     margin-right: 1px;
 }
 
-#nav > ul::before, #nav > ul::after {
+#nav #content > ul::before, #nav #content > ul::after {
     content: '';
     display: block;
     width: 300%;
diff --git a/index.html b/index.html
index 6babfab..33dfc6c 100644
--- a/index.html
+++ b/index.html
@@ -29,30 +29,32 @@
 					<!-- Nav -->
           <!-- Todo – drop down list in css -->
 						<nav id="nav">
-							<ul>
-								<li><a href="index.html">Home</a></li>
-								<li>
-									<a href="#">Dropdown</a>
-									<ul class="dropdown">
-										<li><a href="#">Lorem ipsum dolor</a></li>
-										<li><a href="#">Magna phasellus</a></li>
-										<li><a href="#">Etiam dolore nisl</a></li>
-										<li>
-											<a href="#">And a submenu &hellip;</a>
-											<ul class="submenu">
-												<li><a href="#">Lorem ipsum dolor</a></li>
-												<li><a href="#">Phasellus consequat</a></li>
-												<li><a href="#">Magna phasellus</a></li>
-												<li><a href="#">Etiam dolore nisl</a></li>
-											</ul>
-										</li>
-										<li><a href="#">Veroeros feugiat</a></li>
-									</ul>
-								</li>
-								<li><a href="left-sidebar.html">Left Sidebar</a></li>
-								<li><a href="right-sidebar.html">Right Sidebar</a></li>
-								<li><a href="no-sidebar.html">No Sidebar</a></li>
-							</ul>
+							<div id="content">
+								<ul>
+									<li><a href="index.html">Home</a></li>
+									<li>
+										<a href="#">Dropdown</a>
+										<ul class="dropdown">
+											<li><a href="#">Lorem ipsum dolor</a></li>
+											<li><a href="#">Magna phasellus</a></li>
+											<li><a href="#">Etiam dolore nisl</a></li>
+											<li>
+												<a href="#">And a submenu &hellip;</a>
+												<ul class="submenu">
+													<li><a href="#">Lorem ipsum dolor</a></li>
+													<li><a href="#">Phasellus consequat</a></li>
+													<li><a href="#">Magna phasellus</a></li>
+													<li><a href="#">Etiam dolore nisl</a></li>
+												</ul>
+											</li>
+											<li><a href="#">Veroeros feugiat</a></li>
+										</ul>
+									</li>
+									<li><a href="left-sidebar.html">Left Sidebar</a></li>
+									<li><a href="right-sidebar.html">Right Sidebar</a></li>
+									<li><a href="no-sidebar.html">No Sidebar</a></li>
+								</ul>
+							</div>
 						</nav>
 
 				</div>