Режет по левой позиции - Вопросы по CSS

день добрый всем, прошу помощи , идёт "резка " в левой позиции
облазил весь index.php и стиль - ничего криминального (как кажется), блок основного контента не режется , в web developer тоже кажет что всё нормально - блок растянут , но в реале начиная с четвёртого товара начинаются обрезки.

Ничего тут не режется, это у Вас фон колонки по-дебильному сделан, простите за выражение. Он кончился)))

repeat-y  Вам в помощь

Taatshi
точно , так правильно
может подскажете где собака порылась ?
вот код

/*-----------------------------------*/
/*----------------- Linke Spalte ------------------*/
/*-----------------------------------*/

#left_out { float: left; background: url(../images/top_left.png) no-repeat;  }
#left_topright { background: url(../images/top_right.jpg) no-repeat top right; }
#logo { background-repeat: no-repeat; padding: 30px 10px 20px 10px; min-height: 100px; }


/*-----------------------------------*/
/*----------------- Sidebars ------------------*/
/*-----------------------------------*/

.sidebar h3 { color: #FFFFFF; height: 40px; line-height: 40px; margin: 0 0 5px 0; padding: 0px 0px 0px 10px; text-align: left; font-weight: bold; font-size: 13px; }
.sidebar .module, .sidebar .module_menu, .sidebar .module_text { background: url(../images/sidebar_tl.png) no-repeat; margin: 0 0 10px 0; }
.sidebar .module div, .sidebar .module_menu div, .sidebar .module_text div { background: url(../images/sidebar_tr.png) right top no-repeat; }
.sidebar .module div div, .sidebar .module_menu div div, .sidebar .module_text div div{ background: url(../images/sidebar_bl.png) no-repeat bottom left; }
.sidebar .module div div div, .sidebar .module_menu div div div, .sidebar .module_text div div div{ background: url(../images/sidebar_br.jpg) bottom right no-repeat; padding: 0 5px 10px 5px; overflow: hidden;  }
.sidebar .module div div div div, .sidebar .module_menu div div div div, .sidebar .module_text div div div div {padding: 0;  overflow: hidden; background: none;  margin: 0;}

.box_tl { background: url(../images/left_box.png) no-repeat top left;  }
.box_tr { background: url(../images/right_box.png) no-repeat top right; padding: 5px 0 0 0;  }
.box_bl { background: url(../images/left_box.png) no-repeat bottom left; padding: 0;  }
.box_br { background: url(../images/right_box.png) no-repeat bottom right; padding: 0 10px 5px 10px;  }

.sidebar ul {margin: 0;  padding: 0px;  list-style-type: none;}
.sidebar ul.menu li{padding: 0px;  margin: 0px;  list-style-type: none;}
.sidebar ul.menu ul { padding: 0 0 0 15px; margin: 0px 0px 5px 0px; list-style-type: disc; }
.sidebar ul.menu ul li{ padding: 0px; margin: 0px; list-style-type: disc; }
.sidebar ul.menu a  { font-size: 12px; border-top: 1px solid #ccc; padding: 7px 5px; display: block; text-decoration: none !important; }
.sidebar ul.menu a:hover, .sidebar ul.menu li#current a, .sidebar ul.menu li#current li a { background-color: #BBDBEE; color: #fff; margin: 0px; }
.sidebar ul.menu ul a { color: #999999; font-size: 12px;  padding: 4px 5px; margin: 0px; background: none !important; border: none !important; }
.sidebar ul.menu li a:hover, .sidebar ul.menu li li.current a:hover, .sidebar ul.menu li li.current a,  .sidebar ul.menu li li.current a { text-decoration: none; background-color: #BBDBEE !important; color: #fff; }
.sidebar ul.menu li.current ul li a { background: none !important; }

не, по фотографиям не гадаю)) - ссылку на сайт

сайт пока на разрабе , на денвере
скажи что нужно из кодов - выложу
p.s. уф...  сам нашёл , пролопатил папку Images - нашёл что левая и правая сторона определённого размера и в стилях no-repeat
выкрутился так (как пример по правой стороне) - в код

/*-----------------------------------*/
/*----------------- Sidebars ------------------*/
/*-----------------------------------*/

.sidebar h3 { color: #FFFFFF; height: 40px; line-height: 40px; margin: 0 0 5px 0; padding: 0px 0px 0px 10px; text-align: left; font-weight: bold; font-size: 13px; }
.sidebar .module, .sidebar .module_menu, .sidebar .module_text { background: url(../images/sidebar_tl.png) no-repeat; margin: 0 0 10px 0; }
.sidebar .module div, .sidebar .module_menu div, .sidebar .module_text div { background: url(../images/sidebar_tr.png) right top no-repeat; }
.sidebar .module div div, .sidebar .module_menu div div, .sidebar .module_text div div{ background: url(../images/sidebar_bl.png) no-repeat bottom left; }
.sidebar .module div div div, .sidebar .module_menu div div div, .sidebar .module_text div div div{ background: url(../images/sidebar_br.jpg) bottom right no-repeat; padding: 0 5px 10px 5px; overflow: hidden;  }
.sidebar .module div div div div, .sidebar .module_menu div div div div, .sidebar .module_text div div div div {padding: 0;  overflow: hidden; background: none;  margin: 0;}

предварительно создав sidebar_tr1.png из sidebar_tr.png высотой 1px
добавил

.sidebar {background: url(../images/sidebar_tr1.png) right top repeat-y; margin-top:10px; margin-bottom:10px;}

поспешил - с левой стороной такой фокус не катит

при таком таком коде

.sidebar { background: url(../images/sidebar_tl1.png) repeat-y; margin-top:10px; margin-bottom: 10px; }
.sidebar div { background: url(../images/sidebar_tr1.png) right top repeat-y; margin-top:10px; margin-bottom:10px; }

отображается так
соответственно если меняю строки местами то другая правая сторона прорисовывается а левая пропадает

решил вопрос , кому интересно - шаблон massarbeit , просто тупо "нарастил" файлы sidebar_tl.png и sidebar_tr.png и код не трогал

Но это только до поры до времени)) если нет текстуры фона, то делается PNG высотой 1пх и в стиле repeat-y ставиться. Меньше вес главной страницы будет.