Actions CSS issue- HELP :(

This issue is getting on my nerves?  I changed the color for action buttons. You see it's light blue now...

1. 

If i move my mouse to the middle of the button, it will change it to full orange.  It works great..

2. 

HOWEVER if i move the mouse from right to left, it will hit the right side of the button.

3. 

I don't want to show part of orange like image #3, i want to show full like image #2. I've been looking for a way to solve it in CSS.  :/ Any ideas?

use firebug for firefox and right click on the orange image and click Inspect Element

and play with css

that was the first thing i did.. it didn't help :(  thanks for your suggestion

By the way, default has the same issue.  Did anyone notice that?

general.css

~68
div.no_result,
div.action
{
border:1px solid #CCC;
padding:1px;
margin:10px 0px;
width:100%;
margin-left:auto;
margin-right:auto;
}

~356
.actionsBlock .button_input_wrapper {
margin-right: 0px;
background-position: left top;
background-repeat: no-repeat;
background-image: url(../images/button_bg.png);
}


or
just
~398
.actionsBlock .menuLink {
padding-right:0px;
}

well I been using firebug for long time and help me with a lot of thing like that one I don't know why is not working for you

can you send me your site link so I can try and tell you where to go

@prolaznil
Hmm i tried it.. it doesn't seem right. :(

@UFO360
Did you try it yourself?  it doesn't seem to be that easy.

You can download the image below and put "button_bg.png" file in templates/base/images/ and go test it in UNI template. Don't forget to clear your cache. That's all i did.