How to make round corners for the "vote count" and "answer count" boxes

Question

I guess it can be easily done with CSS styling, please let me know

-----------------------------------------------------------------------------------------------------------

[update]

The styling

-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topright: 4px;

suggested by user ProThought is working, 
but only in Firefox and not working in Chrome or IE. 
so the question is still open

 

Answer 1

It can be done with CSS and it is very easy. add below 4 lines highlighted lines in green.

for votes

.qa-voting {background:#DEEEDC; border:1px solid #c0c0c0; margin-right:1.5em; float:left; height:42px; overflow:hidden; padding:12px 0;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topright: 4px;
}

for answers count
.qa-a-count {background:#FDF3C5; border:1px solid #c0c0c0; text-align:center; width:60px; height:42px; overflow:hidden; float:left; padding:12px 0; margin-right:1.5em;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topright: 4px;
}

for more roundness change 4px field to whatever you want.

 

Comments

it works in Firefox, but doesn't in Chrome. weird.