Üst-Alt margin olmuyor

<div id="a">
<div id="b">...

#a        { background: url(../images/image.png) fixed; }
#b        { width: 10%; background: white; margin: 20px; }

B div'ine margin verdiğim zaman soldan ve sağdan güzel işliyor, fakat yukarıdan ve aşağıdan A div'inin resmiyle birlikte oynuyor.
Yardımcı olabilecek var mı acaba, teşekkürler.

Nasın bir şey yapmaya çalışıyorsunuz bilmiyorum onu da belirtirsenin daha verimli cevaplar çıkabilir.Ayrıca bir de margin yerine padding kulanır mısınız?

height değeri ver #b'ye

nasıl birşey yapmak istediğin önemli ona göre ya width&height ya da padding ile ya da bambaşka birşey ile de yapılabilir.