Jag har inte gjort den själv, jag testade att lägga till margin: 0; och padding 0; men funkar ändå inte. Det här är koden som jag har använt:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
<link rel='stylesheet' type='text/css' href='styles.css' />
</head>
<body>
<div id='cssmenu'>
<ul>
<li class='active'><a href='index.html'><span>Startsida</span></a></li>
<li><a href='#'><span>Information</span></a></li>
<li><a href='#'><span>Test</span></a></li>
<li><a href='#'><span>Test</span></a></li>
<li><a href='#'><span>Test</span></a></li>
<li><a href='#'><span>Test</span></a></li>
<li><a href='#'><span>Test</span></a></li>
<li><a href='#'><span>Test</span></a></li>
<li><a href='#'><span>Test</span></a></li>
<li class='last'><a href='#'><span>Test</span></a></li>
</ul>
</div>
</body>
</html>
@import url(http://fonts.googleapis.com/css?family=Capriola);
/* Let's import the lovely google font, please keep this line at the top of your stylesheet */
/* Menu CSS */#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
padding: 0;
margin: 0;
line-height: 1;
font-family: 'Capriola', sans-serif;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
content: '';
display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
clear: both;
}
#cssmenu {
width: auto;
zoom: 1;
height: 69px;
background: url(images/bottom-bg.png) repeat-x center bottom;
border-radius: 2px;
}
#cssmenu ul {
background: url(images/nav-bg.png) repeat-x 0px 4px;
height: 69px;
}
#cssmenu ul li {
float: left;
list-style: none;
}
#cssmenu ul li a {
display: block;
height: 37px;
padding: 22px 30px 0;
margin: 4px 2px 0;
border-radius: 2px 2px 0 0;
text-decoration: none;
font-size: 15px;
color: white;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
font-weight: 400;
opacity: .9;
}
#cssmenu ul li:first-child a {
margin: 4px 2px 0 0;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
background: url(images/color.png) center bottom;
display: block;
height: 37px;
margin-top: 0px;
padding-top: 26px;
color: #946f00;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
opacity: 1;
}
