A vantagem de se usar uma gradient em um estilo CSS é que você não precisa colocar aquela imagem com Gradient Overlay nos menus, logo seu blog/site fica mais leve.
Basta colocar o código abaixo na folha de estilos css.
background: -webkit-gradient(linear, left top, left bottom, from(#3d3b3b), to(#232323); Para navegadores com Webkit (Chrome, Opera, IE)
background: -moz-linear-gradient(top, #ebebeb, #cccccc); Para Mozilla Firefox.
Esse código não funciona em versões antigas do IE.
Basta colocar o código abaixo na folha de estilos css.
background: -webkit-gradient(linear, left top, left bottom, from(#3d3b3b), to(#232323);
background: -moz-linear-gradient(top, #ebebeb, #cccccc);
background: -webkit-gradient(linear, left top, left bottom, from(#3d3b3b), to(#232323); Para navegadores com Webkit (Chrome, Opera, IE)
background: -moz-linear-gradient(top, #ebebeb, #cccccc); Para Mozilla Firefox.
Esse código não funciona em versões antigas do IE.