Проблем с кутия за съдържание

[angelovarna]

Здравейте,
Правя един сайт, и имам проблем при показването му при файърфокс текста излиза от дясната страна с около 15 пиксела, а при Интернет Експлорър си е ОК, както и при превюто в Dreamweaver-а.
Ето какво представлява кутийката за съдържание като код:

<div class="contentheader">
ЗАГЛАВИЕ<br><br>
</div>
<div class="contentbody" align="justify"><br>
ТУКА МИ Е ТЕКСТА
</div>
<div class="contentend">  </div>

ето и в css файла как са оформени нещата:

.contentheader {
	background-image:url(images/contentheader.png);
	background-repeat:no-repeat;
	font-size: 16px;
	color: #626262;
	width:639px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}
.contentbody {
	background-image:url(images/contentbody.png);
	background-repeat:repeat-y;
	width:639px;
	height:auto;
	top: 0px;
	padding-left:5px;
	padding-right: 10px;
}
.contentend {
	background-image:url(images/contentbottom.png);
	background-repeat:no-repeat;
	width:639px;
	height:20px;
}

Някакви предложения имате ли? Как мога да фиксна този проблем?

Предварителни благодарности!

 

[shterev]

когато добавяш падинги изваждаш ли от ширината?

 

[slideR]

За css сложи това!

.contentheader {
background-image:url(images/contentheader.png);
background-repeat:no-repeat;
font-size: 16px;
color: #626262;
width:639px;
}
#txt {
padding-top:15px;
padding-left:15px;
padding-right:15px;
}
.contentbody {
background-image:url(images/contentbody.png);
background-repeat:repeat-y;
width:639px;
height:auto;
top: 0px;
}
#txt1 {
padding-left:5px;
padding-right: 10px;
}
.contentend {
background-image:url(images/contentbottom.png);
background-repeat:no-repeat;
width:639px;
height:20px;
}

а за html

<div class="contentheader"><div id="txt">
ЗАГЛАВИЕ</div>
</div>
<div class="contentbody" align="justify"><div id="txt1">
ТУКА МИ Е ТЕКСТА
</div>
</div>
<div class="contentend">  </div>

:?:

 

[angelovarna]

То...било близко до акъла ама на кой да му дойде на ум
Благодаря за насоката.
Имаш + от мен.