napotkałem na kolejny mały problem ( głupio wygląda )

[HTML] pobierz, plaintext 
/* side bar client area, login */
.blueBound
{
	background-image: url('../pics/boxHeader.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 33px;
	color: white;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
}
 
#wrapper #rightBox #customerLogin
{	
	width: 233px;
	height: 168px;
	float: right;
	border: 1px solid #2a186e;
	font-family: Tahoma;
	font-size: 12px;
}
[HTML] pobierz, plaintext 

używam tak

[HTML] pobierz, plaintext 
		<div id="customerLogin">
 
			<div class="blueBound">Strefa klienta</div>
 
			<form action="customerService.php" method="POST">
				Hasło: <br />
				<input type="text" />
				<input type="submit" value="Loguj" />
			</form>
 
		</div>
[HTML] pobierz, plaintext 

blueBound tworzy mi taką poziomą fajną belkę, jest to obraz 1px którego repeatuje po osi x.
chciałbym aby napis strefa klienta był odsunięty od prawej krawędzi i formularz też. Gdy dodam do #customerLogin padding-left przesuwa mi sie wszystko w prawo...

Dlaczego nie użyjesz marginesu...?

margines robi mi to samo co padding. Dążę do takiego wyglądu boxa jak np w spryciarze.pl gdzie u góry masz poziomą belkę, cały box ma border:1. ale jak zrobie padding czy margin to np ta belka przesuwa mi się też....