Накладка при создании фона для контента

[sh2000v]

Добрый день!

 

При добавлении фона для всех блоков (категории, товары, карта сайта и т.д.) в:

#container {

width: 980px;

margin-left: auto;

margin-right: auto;

text-align: left;

 

а именно:

 

 background-image: url('../image/fon_5.png');

-webkit-border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-khtml-border-radius: 10px 10px 10px 10px;

border-radius: 10px 10px 10px 10px;

border: 1px solid #000000;

-webkit-box-shadow: 5px 5px 5px #696969;

-moz-box-shadow: 5px 5px 5px #696969;

box-shadow: 5px 5px 5px #696969;

 

возникает накладка изображений на главной странице: под блоком "Рекомендуемые" и слайдером тоже появляется этот фон.

 

 

Как решить эту проблему? Может быть фон для блоков можно добавить как-то иначе?

[sh2000v]

Решено!

 

Убрал:

.box .box-content

 background-image: url('../image/fon_5.png');

-webkit-border-radius: 0px 0px 10px 10px;

-moz-border-radius: 0px 0px 10px 10px;

-khtml-border-radius: 0px 0px 10px 10px;

border-radius: 0px 0px 7px 7px;

box-shadow: 5px 5px 5px #696969;

border-left: 1px solid #000000;

border-right: 1px solid #000000;

border-bottom: 1px solid #000000;

 

а вместо этого сделал:

 

#column-left .box-content {

background-image: url('../image/fon_5.png');

-webkit-border-radius: 0px 0px 10px 10px;

-moz-border-radius: 0px 0px 10px 10px;

-khtml-border-radius: 0px 0px 10px 10px;

border-radius: 0px 0px 10px 10px;

border: 1px solid #000000;

-webkit-box-shadow: 5px 5px 5px #696969;

-moz-box-shadow: 5px 5px 5px #696969;

box-shadow: 5px 5px 5px #696969;

}

 

и

 

#content {

background-image: url('../image/fon_5.png');

-webkit-border-radius: 10px 10px 10px 10px;

-moz-border-radius: 10px 10px 10px 10px;

-khtml-border-radius: 10px 10px 10px 10px;

border-radius: 10px 10px 10px 10px;

border: 1px solid #000000;

-webkit-box-shadow: 5px 5px 5px #696969;

-moz-box-shadow: 5px 5px 5px #696969;

box-shadow: 5px 5px 5px #696969;