Empty gaps between UITabBar elements?

Question

I'm having an issue with my UITabBar:

This is what it looks like in its different states:

As you can see, there's little empty areas between my elements and on the sides:

My Question is why isn't it like on the App Store app, where you do not have side or in between elements gaps?

And this is how I am changing the appearance of the Tab Bar, with a background image that does NOT have any dividers:

[[UITabBar appearance] setBackgroundImage:[UIImage imageNamed:@"UITabBarBG"]];

Following a method like explained here wouldn't work because of the gaps I have: http://blog.erikvdwal.nl/blog/2012/09/25/customizing-the-uitabbar-in-ios-5-and-ios-6/

Any help would be helpful!

Thanks!

Answer 1

If you make your images are larger you will not have this issue, they can even overlap if you want the same separators as in the AppStore app.

See How can I add a custom divider image to the UITabBar?