Фон и изображения

[Darkman]

Здравствуйте!

У меня возникла проблема с фоном, а именно:

Установив 2 изображения (справа и слева) на фон - появилась проблема с фоном внизу (наверху нормально):

Он категарически отказывается накладывать на себя эти изображения (хотя вроде изображения не настолько длинные), а также стал считать их границами своими т.е. он дальше конца изображения (слева и справа) не распастраняется (остаются просто пустое белое место за изображениями)

Как заставить нижний фон наложить на себя изображения эти? Или хотя бы продолжиться за изображениями!

Верхний фон:

body{ 
	background: #FFF url(style_images/<#IMG_DIR#>/fond.gif) repeat-x;
	color: #222;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 11px;
	line-height: 135%;
	margin: 0px;
	padding: 0px; /* required for Opera to have 0 margin */
	text-align: center; /* centers board in MSIE */
}

Нижний фон:

#logobasg{ 
	background: url(style_images/<#IMG_DIR#>/logobasg.gif);
	border: 1px solid #FFF;
	height: 203px;
				margin: 0px;
				padding: 0px;
}

Изображения наложены так:

Создал 2 класса в css

.wrap{
background: transparent url(style_images/<#IMG_DIR#>/forum_right_side.png) top right no-repeat;
background-position: relative;
margin-right: 3%;
margin-top: 0px;
}

.wrap2{
background: transparent url(style_images/<#IMG_DIR#>/forum_lerft_side.png) top left no-repeat;
background-position: relative;
margin-left: 3%;
margin-top: 0px;
}

И прописал на главной странице: <div class="wrap"> и <div class="wrap2">

Написал об том как вставил изображения затем чтоб узнать мало ли не правильно! =)

Очень нужна ваша помощь! Уже измучился!

Edit

Так сверху:

http://immage.de/image-4,30082ae0f02.jpg,0,0.html

Так снизу:

http://immage.de/image-4,3008d809.jpg,0,0.html

Как видно на верху фон проходит за картинку, а снизу нет (т.е. картинка сжала низ)

Edited August 30, 2009 by Darkman

[Great Rash]

Лучше дайте картинку того, что должно получиться в итоге. А то я например нихрена не понял

[Darkman]

Добавил!

[hf3]

Я чего т все равно не въехал чего автор хочет…

ну чисто интуитивно - ему нажо сменить позиционирование на абсолютное, четко указать координаты и явно обозначить з-индексы

[dyadya]

Ой! Это что это у Вас? - background-position: relative;

[Darkman]

Чтож не понятного то?

Из-за вставленных на фон изображений нижний фон ограничен этими изображениями!

На скринах я покозал как на верху и как внизу! Без изображений всё нормально!

Да, не такая уж и проблема, но всё же...

Пытался z-index прописать для нижнего фона (его код указан выше), но всё равно не становится так же как и на верху (т.е. изображения ограничены)

[Searcher]

Не смотря на все ваши разъяснения так и не понятно, что вы хотите? Что получается мы видим. Но не понятно, что там у вас в html?

Тут вы недопонимаете сути блоков по всей видимости. Фоновое изображение никак не влияет на высоту блока, а тем более на расположение других блоков. Если вы располагаете два блока друг под другом без присвоения им параметров плавающего блока, то естественно они будут располагаться друг под другом, и фон тут не при чем.

Дайте полный код html и весь css, а не какие-то вытяжжки...

ну и как уже сказали, такого: background-position: relative; не существует

почитайте внимательно разделы html по шагам и css по шагам

и пользуйтесь справочником по css во избежании элементарных ошибок