Написал такое:
<ul id="mainmenu">
  • [Только зарегистрированные пользователи могут видеть ссылки. ]
    • [Только зарегистрированные пользователи могут видеть ссылки. ]

<style>
ul#mainmenu {margin: 0px; padding: 250px; list-style: none;}
ul li {
position: relative;
}

li ul {
position: absolute;
left: 149px;
top: 0;
display: none;
}

ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
li:hover ul { display: block; }

</style>
<body>
</body>
</html>


Но почему то основная картинка есть (fon1small), а вот при наведении вторая картинка не появляется?