Нажмите в том дневнике Ctrl+U.
Найдите строку "Пользовательские стили".
Нажмите на ссылку в этой строке, которая заканчивается на .css - вам откроется полностью код этого дневника, в том числе и то, как сделано меню.

сделала как вы сказали,но желаемого эффекта не получилось...как-то убого получилось и аватар куда-то пропал...

#side .menuSection{background: url('ФОН МЕНЮ') no-repeat top center;border:none; max-height: 20px; height: 20px; heigth:auto; overflow: hidden;position:relative;display:block;z-index:1; margin-bottom: 20px !important; padding-top: 22px ; text-align: center !important;}
#side .menuSection:hover {max-height: 100px; height: 100px; overflow: visible; position: relative; z-index:3; background: # no-repeat top center; border: none;}
.menuSection ul {background: #000000 ; border: 1px dotted #000000;}
.menuSection ul ul{background: none; border: none;}
#side div{margin:0px;padding:3px;}

Вполне рабочий код, в принципе. Взят из данного днева.

Itory Itory
спасибо)работать-то работает,только теперь аватар сворачивается наполовину)

Как мне теперь быть с аватаром,чтобы он не сворачивался?

Agonia90, меняйте код на:

#side .menuSection{background: #ccc; }
#side .menuSection:hover {max-height: 100px; height: 100px; overflow: visible; position: relative; z-index:3; border: none;}
.menuSection ul {background: #000000 ; border: 1px dotted #000000;}
.menuSection ul ul{background: none; border: none;}
#side div{margin:0px;padding:3px;}
#thisDiaryPhoto {display: block; }

И, бога ради, запомните: просто взять и скопировать код в большинстве случае недостаточно. Он нуждается в правке.
А такого, как ваш результат, я еще, пожалуй, здесь не видела, хотя всякое было...

И, бога ради, запомните: просто взять и скопировать код в большинстве случае недостаточно. Он нуждается в правке.
Иногда даже не в правке, а тупо в осмыслении... что и для чего нужно.