The result I have with that gradient tool from web page and I need to (attachment) is not working somehow with this code. I would need something like that I think:

(1st div) height:20px color:(shadow)
(2nd div) height:10px color:(lightness on top)
(3rd div) height:20px (main part again)

then: (1st div)(2nd div)(3rd div)menu text(/div)(/div)(/div)

But it isnt working... :/

OK, I think I got it! :D Let me clear the code and I'll post solution :P

CSS:
#menushadow {
overflow: hidden;
clear: both;
margin: 10px auto;
height: 24px;
background: #666666;
}
#menulight {
clear: both;
height: 50%;
background: #999999;
}
#menutext {
clear: both;
padding: 5px 10px 5px;
height: 14px;
}

HTML:
<div id="menushadow"><div id="menulight"><div id="menutext">menu text</div></div></div>

At least it works for me :)