Border Radius = Background Bleed
Ok so I've been through answers like "background-clip: padding-box;" and while it makes the end product look a little better, it still doesn't completely solve the problem of the background color bleeding outside of the border. Does anyone have a real solution to this issue?

**Here's a screenshot of the issue:**

![alt text][1]


[Link To Example (Footer Pagination Buttons)][2]


  [1]: http://i.stack.imgur.com/NSROU.png
  [2]: http://thisisrobv.com/demos/imageleak/

**CSS Used For Buttons**

    #footer #pager li a {
    	-webkit-border-radius: 15px;
    	-moz-border-radius: 15px;
    	border-radius: 15px;
    	display: block;
    	float: left;
    	color: #444 !important;
    	text-shadow: #aaa -1px -1px 0;
    	text-decoration: none !important;
    	background-clip: padding-box !important;
    	padding: 8px 12px;
    	background-color: #ccc;
    }
    
    #footer #pager li a:link, #footer #pager li a:visited {
    	background: -webkit-gradient(
        	linear,
        	left bottom,
        	left top,
        	color-stop(0, rgb(111,111,111)),
        	color-stop(1, rgb(200,200,200))
    	);
    	background: -moz-linear-gradient(
        	center bottom,
        	rgb(111,111,111) 0%,
        	rgb(200,200,200) 100%
    	);
    	-moz-box-shadow:inset 0 1px 0 1px #eee;
    	-webkit-box-shadow:inset 0 1px 0 1px #eee;
    	box-shadow:inset 0 1px 0 1px #eee;
    	border: 1px solid #000;
    }
Border Radius = Background Bleed
===

Ok so I've been through answers like "background-clip: padding-box;" and while it makes the end product look a little better, it still doesn't completely solve the problem of the background color bleeding outside of the border. Does anyone have a real solution to this issue?

**Here's a screenshot of the issue:**

![alt text][1]


[Link To Example (Footer Pagination Buttons)][2]


  [1]: http://i.stack.imgur.com/NSROU.png
  [2]: http://thisisrobv.com/demos/imageleak/

**CSS Used For Buttons**

    #footer #pager li a {
    	-webkit-border-radius: 15px;
    	-moz-border-radius: 15px;
    	border-radius: 15px;
    	display: block;
    	float: left;
    	color: #444 !important;
    	text-shadow: #aaa -1px -1px 0;
    	text-decoration: none !important;
    	background-clip: padding-box !important;
    	padding: 8px 12px;
    	background-color: #ccc;
    }
    
    #footer #pager li a:link, #footer #pager li a:visited {
    	background: -webkit-gradient(
        	linear,
        	left bottom,
        	left top,
        	color-stop(0, rgb(111,111,111)),
        	color-stop(1, rgb(200,200,200))
    	);
    	background: -moz-linear-gradient(
        	center bottom,
        	rgb(111,111,111) 0%,
        	rgb(200,200,200) 100%
    	);
    	-moz-box-shadow:inset 0 1px 0 1px #eee;
    	-webkit-box-shadow:inset 0 1px 0 1px #eee;
    	box-shadow:inset 0 1px 0 1px #eee;
    	border: 1px solid #000;
    }