Hallo,
du must mit zwei ul-Ebenen arbeiten. In der zweiten Ebene umhüllst du das ul noch mit einem div, damit ein Bild agezeigt werden kann:
<ul>
<li>Kugelbauch
<div>
<ul>
<li>Unterpunkt 1</li>
<li>Unterpunkt 2</li>
</ul>
<img ...>
</div>
</li>
<li>...</li>
</ul>
Damit die zweite Ebene nicht angezeigt wird, schreibst du
ul li>div {display:none}
Wenn du nun über das li fährst, soll die zweite Ebene eingeblendet werden:
ul li:hover>div {display:block}
Das ist jetzt sehr vereinfacht und nicht getestet. Probiere mal.
Gast