Form for mellemrum i layout

[PatricksGamerTag]

Hej
Jeg har fået downloadet et layout fra rowl.dk som jeg vil bruge til en side..
Mit problem er at når jeg tilføjer et <hr /> som jeg skal bruge til at lave en streg genmen layoutet.
Kommer det til at se sådan her ud:
Altså et lille hul som er i begge sider af siden...
Min CSS kode ser sådan her ud:

Kode: Vælg alt

@charset "utf-8";
/* CSS Document */
body{
	background: #f1f1f1;
	margin: 0px;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* ---------- End Body ---------- */
/* ---------- Start Header ---------- */
#header{
	background: url("../images/design/header.png");
	height: 100px;
	margin: 0px;
	border-bottom: 1px solid #252525;
}
/* ---------- End Header ---------- */
/* ---------- Start Menu ---------- */
#menu{
	background: url("../images/design/menu.png");
	height: 28px;
	margin: 0px;
	border-bottom: 1px solid #bfbfbf;
	padding-left: 200px;
	line-height: 28px;
	margin-bottom: 15px;
}
#menu a{
	display: inline-block;
	height: 28px;
	padding: 0px 15px;
	text-decoration: none;
	color: #3f3f3f;
}
#menu a:hover{
	background: url("../images/design/menu-hover.png");
}
/* ---------- End Menu ---------- */
/* ---------- Start Content ---------- */
#content-top{
	background: url("../images/design/content-top.png");
	height: 15px;
	width: 825px;
	margin: 0 auto;
}
#content{
	background: url("../images/design/content.png");
	height: auto;
	width: 785px;
	margin: 0 auto;
	padding: 0px 20px;
}
#content-bottom{
	background: url("../images/design/content-bottom.png");
	height: 15px;
	width: 825px;
	margin: 0 auto;
}
/* ---------- End Content ---------- */
/* ---------- Start Footer ---------- */
#footer{
	background: none;
	width: 600px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 25px;
	text-align: center;
	color: #ababab;
}
#footer a{
	color: #3f3f3f;
	text-decoration: none;
}
/* ---------- End Footer ---------- */
.logo{
	margin-left: 100px;
}
/* ---------- End Extra ---------- */

Håber en kan hjælpe

Mvh. Patrick

[ThomasI]

Hej Patrick...

Det kunne godt tyde på at din linje lægger sig henover dit baggrundbilledet på en eller andet måde...

Går udfra at dit hr tag ikke skal gå hele vejen hen over så prøv evt at syle det med:

Kode: Vælg alt

<hr style="width:50%;" />