纯CSS写的弹出层有关问题 _HTML/CSS

纯CSS写的弹出层问题
我想要用图片作为一个链接，当鼠标移到图片上的时候就在图片的下面弹出相应的层。类似于淘宝上旺旺客服模块，当鼠标移到旺旺图标上的时候，就弹出底下对应的旺旺列表！现在想要用CSS去写，不用JS代码，不知道怎么去实现，有那位知道的高手们给我一点思路，最好能给个例子把！感激不尽！谢谢！

------解决方案--------------------

探讨
不会把，好像可以用CSS的隐藏来实现的，但是我不知道具体怎么操作！

------解决方案--------------------
怎么可能用css写出来啊？？？刚写的一个jquery的，看下吧

JScript code


</script>
       <script type="text/javascript"> 
        $(document).ready(function(){                
        $(".flipa").click(function(){
            $(".panela").slideToggle("slow");
          });
        });
        $(document).ready(function(){                
        $(".flipb").click(function(){
            $(".panelb").slideToggle("slow");
          });
        });
        $(document).ready(function(){                
        $(".flipc").click(function(){
            $(".panelc").slideToggle("slow");
          });
        });
        $(document).ready(function(){                
        $(".flipd").click(function(){
            $(".paneld").slideToggle("slow");
          });
        });
        
        </script>

------解决方案--------------------

HTML code
<div id="outer">
    <a href="url"><img src="url" /></a>
    <div id="inner">
        <ul>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

------解决方案--------------------
给你看个demo！  纯css的显示隐藏

源码就自己看源文件吧。。应该你想要的效果都能搞定！