First off: http://jsfiddle.net/83FDf/I have an image set as my "menu's" backround... It has blue gradient, rounded corners, and then at the bottom it has white with slight shadow under the blue menu.
Is it possible to recreate it using pure css on one div?html:\[code\]<div class="main_content"></div>\[/code\]css:\[code\].main_content{ width:900px; height:auto; background:url(http://i.imgur.com/mionT7y.jpg) no-repeat center top #fff; margin:0 auto; padding:0 0 50px;}\[/code\]