a.menu {
width:30px;
height:0;
overflow:hidden;
display:block;
padding-top:10px;
background:url(img/btn_menu.gif) no-repeat 0 0;
}
ポイントは｢height:0;｣と｢padding-top:10px;｣でしょうか。
このa要素の高さはpadding-top:10px;で作っています。そうすると、文字はこの下に表示されちゃいますね。
そこでoverflow:hidden;を使うことによってはみ出ている文字を非表示にしちゃっています。