link position on an image

[Mr.Curiosity]

I have just changed my block header background in my website, which is a different size from default one.
when I did that, my link is on top left of the image background. what I can do so it is at the bottom left ?
below is my blockcategories.css
* I have tried to play with my global.css but I am not sure what I should do.

/* Block categories */
#categories_block_left h4 { background-image: url('../../../img/block_header_category_new.png') ; height: 50px; }
#categories_block_left .tree { padding-left: 0.5em }
#categories_block_left .tree li {
   border: none;
   padding-top: 5px;
   padding-left: 5px;
   background: none;
   margin-left: 0;
   font-weight: bold;
   font-size: 13px;
   line-height: 13px
}
#categories_block_left .tree li.last { padding-bottom: 0 }
#categories_block_left .tree ul { padding: 2px 0 0 }
#categories_block_left .tree li li {
   padding: 1px 0 1px 15px;
   background: none;
   font-size: 13px;
   font-weight: normal
}
#categories_block_left .tree li li.last { padding-bottom: 0 }
#categories_block_left .tree li li li {
   padding-left: 15px;
   font-size: 9px
}
#categories_block_left .tree a {
   padding-left: 0;
   color: #374853
}
#categories_block_left .tree a:hover { color: orange; text-decoration: none }
#categories_block_left ul.tree a.selected {
   color: orange;
   font-weight: bold
}
#categories_block_left span.grower {
   display: block;
   float: left;
   background-position: 0 3px;
   background-repeat: no-repeat;
   width: 9px;
   height: 15px;
   margin: 0 0 0 -12px!important;
   margin: 0 0 0 -8px;
   padding: 0
}
#categories_block_left span.OPEN { background-image: url('../../../img/icon/less.gif') }
#categories_block_left span.CLOSE { background-image: url('../../../img/icon/more.gif') }

[Mr.Curiosity]

anyone? any help and suggestion wil be appreciated.

[ZikmaSolutions]

Same question...