Can My Menu Look This Way?

The attached .jpg shows 2 category menues. The top one is from my web site. The lower one is my blog.

Is there a way I can space the borders around the menu items on the blog menu just like the menu shown on the top one from my web site?

Here is the code I use to space the category menu items out.

ul.rMenu li {
margin: 0px 26.5px 0px 25px;
}

Without being able to access the site it's just a guess but try using padding instead of margins.