А какой цсс прописан на расширение меню? Можно ли увидеть это в живую?
Пока что приходит в голову - это прописать, дополнительно для названия, чтобы меню не менялось, но я не уверен так как не знаю какой цсс, хтмл задействован.

winterwolf, код такой
#side {background: pink; height: 50px!important; overflow: hidden; width:150px!important;} #side:hover {height: 300px!important; width:800px!important;} #side h1 {top: 10px!important; right: 10px; position: absolute;}
нужно вживую?
это прописать, дополнительно для названия, чтобы меню не менялось
да вот пробовала у меня что-то не вышло(

Все, понял. При наведении на блок #side - на него и завязано. К сожалению вытащить никак нельзя и стили переделать сходу не получается. Можно было бы попробовать переписать ховер на соседние элементы по отношению к h1 и менять их ширину, тем самым создавая блок, но это будет зависеть от дизайна, в общем трудновато так сделать, но теоретически возможно, как уже сказал зависит от того, что мы хотим получить в итоге.

Тогда есть такой совет - взять блок, к примеру - #add_block1 - сделать его таким же как и наименование (ширина и высота) и поставить его поверх названия - тогда при наведении ховер будет работать на дополнительный блок, а не наименование.
Хотя тут есть свои минусы - нельзя будет выделить или нажать на наименование дневника.

winterwolf, эх печаль( первый вариант точно не осилю, а во втором теряется смысл, мне ведь это название нужно активным((
спасибо за попытку)