Pomoze mi ktoś pozbyc się marginesu?
https://www.dropbox.com/s/r1ahj1lgdolocuh/ht.png?dl=0
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>tytył</title>
<meta name="description" content="Serwery " />
<meta name="keywords" content="gry" />
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrapper">
<nav class="nav">
<ol>
<li><a href="#">Sklep sms</a></li>
<li><a href="#">strona www</a></li>
<li><a href="#">strona www</a></li>
<li><a href="#">strona www</a></li>
<li><a href="#">strona www</a></li>
</ol>
</nav>
</div>
</div>
</body>
</html>
CSS CSS CSS
body
{
color: #ffffff;
background: url('img/bg.jpg');
//background: url('img/obrazekk');
//background-size: 100px 100px;
background-size: cover;
margin: 0 !important;
}
.wrapper
{
width: 100%;
}
.header
{
width:100%;
padding: 40px 0;
}
.nav
{
width: 100%;
padding: 10px 0;
background-color: #ffffff;
text-align: center;
border-top: 1px solid #751b1b;
border-bottom: 1px solid #751b1b;
opacity: 1;
}
ol
{
padding: 0;
margin: 0;
list-style-type: none;
font-size: 18px;
height: 35px;
line-height: 100%;
}
ol a
{
color: #451717;
text-decoration: none;
display: block;
}
ol > li
{
float: left;
width: 150px;
height: 40px;
}
ol > li:hover
{
background-color: #cf6969;
}