CSS background-image alignment issue

[trioh]

My background image won't align between the divs in this code - I have tried clearing them to no avail. Anyone know what's causing it, or how I can get it to work? CSS in html for convenience.\[code\]<div class="header" style="height:200px; background-image: url(bg.png); margin:-8px;"><img src="http://stackoverflow.com/questions/12738710/logo.png" style="margin-left:auto; margin-right:auto;" /></div><div style="text-align:center;"> <div style="background-image: url(bg.png);background-position:center; display:inline-block; width:90px; border-bottom-left-radius: 20px;">Div 1</div> <div style="background-image: url(bg.png);background-position:center; display:inline-block; width:400px;margin:-4px;">Div 2</div> <div style="background-image: url(bg.png);background-position:center; display:inline-block; width:90px;border-bottom-right-radius: 20px;">Div 3</div></div> \[/code\]Here's a fiddle: http://jsfiddle.net/FphKk/Image: http://i.imgur.com/YLVpI.png