image too large

Currently i have a image that seems to be bigger than its allocated space
http://www.herbalteathenaturalway.com/zen-cart-v1.3.8a-full-fileset-12112007/ The size of this image should
be 326 by 296. I have inserted the script from by stylesheet_tm. The image comes under .banner_header
{ background:url(../images/header_banner.jpg) right top repeat-y;}
Could anyone tell me what needs to be changed in this scipt so my image can neatly fit on the right side
of my website.

.fill_top_2 { background:url(../images/fill_top_2.gif) 0 0 repeat-x #FFFFFF;}
.fill_header_2 { background:url(../images/fill_2.gif) 0 0 repeat-y;}
.fill_header_right_2 { background:url(../images/fill_right_2.gif) right top repeat-y;}
.bg_header_2 { background:url(../images/bg_header_2.gif) 0 0 no-repeat;}
.bg_header_right_2 { background:url(../images/bg_header_right_2.gif) right top no-repeat; width:100%; min-height:403px; height:auto !important; height:403px;}
.banner_header { background:url(../images/bg_lap.jpg) 19px 0 no-repeat; min-height:354px; height:auto !important; height:354px; text-align:right;}
.banner_two { padding:29px 35px 0 0;}
.banner_header { background:url(../images/header_banner.jpg) right top repeat-y;}

Currently i have a image that seems to be bigger than its allocated space
http://www.herbalteathenaturalway.com/zen-cart-v1.3.8a-full-fileset-12112007/ The size of this image should
be 326 by 296. I have inserted the script from by stylesheet_tm. The image comes under .banner_header
{ background:url(../images/header_banner.jpg) right top repeat-y;}
Could anyone tell me what needs to be changed in this scipt so my image can neatly fit on the right side
of my website.

.fill_top_2 { background:url(../images/fill_top_2.gif) 0 0 repeat-x #FFFFFF;}
.fill_header_2 { background:url(../images/fill_2.gif) 0 0 repeat-y;}
.fill_header_right_2 { background:url(../images/fill_right_2.gif) right top repeat-y;}
.bg_header_2 { background:url(../images/bg_header_2.gif) 0 0 no-repeat;}
.bg_header_right_2 { background:url(../images/bg_header_right_2.gif) right top no-repeat; width:100%; min-height:403px; height:auto !important; height:403px;}
.banner_header { background:url(../images/bg_lap.jpg) 19px 0 no-repeat; min-height:354px; height:auto !important; height:354px; text-align:right;}
.banner_two { padding:29px 35px 0 0;}
.banner_header { background:url(../images/header_banner.jpg) right top repeat-y;}

wow .. with so many nested div tags going to be almost impossible

i do notice you have in your above code

.banner_header { background:url(../images/bg_lap.jpg) 19px 0 no-repeat; min-height:354px; height:auto !important; height:354px; text-align:right;}

and

.banner_header { background:url(../images/header_banner.jpg) right top repeat-y;}

why are you defining 2 images for same css

also, why the repeat-y .... that causes it to repeat the image vertically

Agree with Steve, the vertical expansion isn't really explansion at all, it's repetition.

The image isn't expanded horizontally either. Rather it's that one of those many, many divs is causing the page width to expand, and your image is aligned to the right edge, causing it to look as though it's overflowing, when all it's really doing is nesting up against an invisible edge. But working out which div is causing the overflow is way more complicated than it should be because of all that div soup.

-Steve-:

wow .. with so many nested div tags going to be almost impossible

i do notice you have in your above code

.banner_header { background:url(../images/bg_lap.jpg) 19px 0 no-repeat; min-height:354px; height:auto !important; height:354px; text-align:right;}

> and
> ```
.banner_header { background:url(../images/header_banner.jpg) right top repeat-y;}

why are you defining 2 images for same css

also, why the repeat-y .... that causes it to repeat the image vertically

I made up the reapeat- y and also the banner header title. In the template 20740 there is an actual image in that position but i cannot seem to enable it?

It sounds as though you have some questions for your template vendor.

Looking at your stylesheet..
there are two identical rules has been set in same CSS .. thats the
banner_header calss. line 75 and 77

the second rule will apply to your Site meaning will over ride the first one .

you may comment out the second banner_header class and see if that to some degree solve your problem since first rule is defining dimension of your banner.

Can you see the image that starts with LOWEST PRICES OF THE SEASON on template 20740 osc3.template-help.com/zencart_20740/
Why cant i see his on my website? What am i doing wrong?

Can you see the image that starts with LOWEST PRICES OF THE SEASON on template 20740 osc3.template-help.com/zencart_20740/
Why cant i see his on my website? What am i doing wrong?

Because you are using a TM template and they use non-standard, hardcoded elements and don't follow Zen Cart's override rules.