[HTML] mały problem z szablonem Opcje

[kintaro]

Witam,
Mam mały problem, przy moim szablonie na allegro nie potrafię zrobić, aby tło szablonu miało taki sam kolor jak ramka. Przedstawię to na obrazku, aby było lepiej widać
Zdjęcie

Teraz wklejam kod tego szablonu, proszę o pomoc:

CODE

<p>&nbsp;</p>
<style type="text/css"><!--
#user_field a.kontakt {
text-decoration:none;
font-weight: bold;
}
#user_field a.kontakt:link, #user_field a.kontakt:active, #user_field a.kontakt:visited {
color: #70008C;
}
#user_field a.kontakt:hover {
color: #CA0BBC;
}
--></style>
<style type="text/css"><!--
#user_field {
margin: 0 auto;
padding: 0;
position: relative;
background-color: #F2F2F2;
text-align:center;
overflow:auto;
}
#user_field #left {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 5px;
}
#user_field #left div {
margin-right: 500px;
height: 5px;
}
#user_field #right {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 5px;
}
#user_field #right div {
margin-left: 500px;
height: 5px;
}
#user_field #main {
width: 1000px;
overflow:hidden;
margin: 0 auto;
background-color: #F2F2F2;
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_12.jpg);
}
#user_field #mainheader {
overflow:hidden;
width: 1000px;
margin: 0 auto;
padding: 0;
border: none;
clear: both;
}
#user_field #maintop {
width: 1000px;
float:left;
overflow:hidden;
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_09.jpg);
clear: both;
}
#user_field #mainleft {
width: 282px;
float:left;
overflow:hidden;
text-align: left;
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_10.jpg);
}
#user_field .leftcol {
float: left;
overflow: hidden;
width:inherit;
}
#user_field #mainright {
width:950px;
float:left;
overflow:hidden;
text-align:left;
}
#user_field #mainfooter {
overflow:hidden;
height:auto;
width: 1000px;
padding: 0;
border: none;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
clear: both;
}
#user_field #galeria {
overflow:hidden;
height:auto;
width: 1000px;
padding: 0;
border: none;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
clear: both;
background-image:url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_23.jpg)
}
#user_field #text {
float: left;
overflow: hidden;
text-align:left;
color:#000;
width:210px;
}
#user_field .text2 {
float: left;
overflow: hidden;
text-align:left;
color:#000;
width:950px;
}
#user_field .margin1 {
display:block;
float:left;
width: 30px;
overflow:hidden;
}
#user_field .floatLeftOverflowHidden {
float:left;
}
#user_field IMG {
border:0;
}
#user_field #boxgal {
overflow:hidden;
clear:both;
}
#user_field #mojeAukcje a {
display: block;
width: 149px;
height: 37px;
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_02.jpg);
float:left;
}
#user_field #mojeAukcje a:hover {
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/menu_02.jpg);
}
#user_field #oMnie a {
display: block;
width: 152px;
height: 37px;
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_03.jpg);
float:left;
}
#user_field #oMnie a:hover {
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/menu_03.jpg);
}
#user_field #komentarz a {
display: block;
width: 147px;
height: 37px;
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_04.jpg);
float:left;
}
#user_field #komentarz a:hover {
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/menu_04.jpg);
}
#user_field #pytanie a {
display: block;
width: 149px;
height: 37px;
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_05.jpg);
float:left;
}
#user_field #pytanie a:hover {
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/menu_05.jpg);
}
#user_field #dodaj a {
display: block;
width: 389px;
height: 37px;
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_05.jpg);
float:left;
}
#user_field #dodaj a:hover {
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/menu_05.jpg);
}
#user_field #elfgrafix a {
display: block;
width: 160px;
height: 43px;
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/szablon_15.jpg);
float:left;
}
#user_field #elfgrafix a:hover {
background-image: url(http://pres-prudnik.pl/Alledrogo/szablonrogal/menu_15.jpg);
}
--></style>
<center>
<div id="left">
<div></div>
</div>
<div id="main" style="text-align: center;">
<div id="mainheader">
<div style="float: left; overflow: hidden;"></div>
<div style="float: left; overflow: hidden;"></div>
<div class="floatLeftOverflowHidden"><img src="http://pres-prudnik.pl/Alledrogo/szablonrogall/nn/szablon_07.jpg" /><img src="http://pres-prudnik.pl/Alledrogo/szablonrogall/nn/szablon_08.jpg" /></div>
</div>
<div id="maintop">
<div style="width: 25px; display: block; float: left; overflow: hidden;"><strong><img height="1" src="http://pres-prudnik.pl/Alledrogo/szablonrogal/transparent.gif" width="1" /></strong></div>
<div id="text">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div style="width: 40px; display: block; float: left; overflow: hidden;"><img height="1" src="http://pres-prudnik.pl/Alledrogo/szablonrogal/transparent.gif" width="1" /></div>
<div id="text"><span style="font-weight: bold;">&nbsp;</span><br /><br /><span style="font-weight: bold;">&nbsp;</span></div>
<div style="width: 35px; display: block; float: left; overflow: hidden;"><img height="1" src="http://pres-prudnik.pl/Alledrogo/szablonrogal/transparent.gif" width="1" /></div>
<div id="text"><span style="font-size: medium;"><span style="font-size: small;"><strong style="text-decoration: underline;"></strong></span></span></div>
<div style="width: 40px; display: block; float: left; overflow: hidden;"><img height="1" src="http://pres-prudnik.pl/Alledrogo/szablonrogal/transparent.gif" width="1" /></div>
<div id="text">
<div id="text"><span style="font-size: 12pt;"><span id="Obj17" style="width: 170px; height: 52px;"></span></span></div>
</div>
</div>
<div class="floatLeftOverflowHidden" style="width: 1000px; clear: both;"><img src="http://pres-prudnik.pl/Alledrogo/szablonrogall/nn/szablon_11.jpg" /></div>
<div class="floatLeftOverflowHidden" style="width: 25px; display: block;"><img height="1" src="http://pres-prudnik.pl/Alledrogo/szablonrogal/transparent.gif" width="1" /></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1 align="center" class="styl1"></h1>
<h1 align="center" class="styl1"></h1>
<h1 align="center" class="styl1"></h1>
<h1 align="center" class="styl1"></h1>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1 align="center" class="styl1"></h1>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h1 align="center" class="styl1"></h1>
<p>&nbsp;</p>
<h1 align="center" class="styl1"></h1>
<p>&nbsp;</p>
<br />
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<br />
<div id="mainright" style="text-align: center;">
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div></div>
<div></div>
<div></div>
<div id="right">
<div></div>
</div>
</center>
<div id="sello-metadata" style="display: none !important;"></div>

[elmozaur]

[HTML] pobierz, plaintext 
<style>
.ramka{
border-left:solid 2px #000;
border-right:solid 2px #000;
}
</style>
[HTML] pobierz, plaintext