Witam.
Mam pewien problem.
Mianowicie chodzi o 2 divy.

Kodzik html (wycięte to co potrzeba) :

[HTML] pobierz, plaintext 
<div id="shape1">
<div id="shape1_left"></div>
<div id="shape1_right"></div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#shape1 {
	background: url('../images/shape1.png') no-repeat;
	width: 936px;
	height: 292px;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
#shape1_left {
	float: left;
	width: 420px;
	margin-left: 54px;
	margin-top: 17px;
	overflow: hidden;
}
#shape1_right {
	float: right;
	width: 409px;
	height: 310px;
	padding-right: 40px;
	margin-top: -40px;
	background: url('../images/borderbig.png') no-repeat;
}
[HTML] pobierz, plaintext 

Dodam, że shape1 musi mieć overflow: hidden; A chciałbym, żeby #shape1_right wychodził poza #shape1.
Czy da radę coś w tej sytuacji zrobić? Proszę o odpowiedź. Pozdrawiam.

daj #shape1_right pozycje relatywną i właściwościami top, left, right, bottom możesz ją przesunąć i wyrzucić poza shape1