Всем доброго времени суток! Начал верстать макет от Softlink. Вот фрагмент макета: И код, соответственно: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu</title> <style type="text/css"> *{ margin:0; padding:0; } #wrap{ width:200px; height:300px; padding:10px; background:url(bg.png); } #header{ width:100px; height:50px; border-radius:15px 15px 0 0; background:rgba(0, 0, 0, 0.15); box-shadow:0 0 1px rgba(255,255,255,0.15), inset 1px 1px 1px rgba(0,0,0,0.15); } #container{ width:100%; height:200px; border-radius:0px 15px 15px 15px; background:rgba(0, 0, 0, 0.15); box-shadow:0 0 1px rgba(255,255,255,0.15), inset 1px 1px 1px rgba(0,0,0,0.15); } </style> </head> <body> <div id="wrap"> <div id="header"></div> <div id="container"></div> </div> </body> </html> Вопрос: Как объединить header и container, чтобы не было видно теней на стыке?