简单的div+css示例 _HTML/CSS

求一个简单的div+css示例
我想做一个小的div ，小div上面有一个大的div，大的div跟小的div一样宽，高度比小的高，鼠标放在小div上大div显示，覆盖小div。用javascript或css哪个实现都行。效果达到就可以。

div+css 鼠档悬停 javascript css

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

<!DOCTYPE html>

<!DOCTYPE html>

<html>

    <head>

        <title></title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <style>

            .xiao{

                border: solid 1px ;

                width: 100px;

                height: 100px;

            }

            .xiao>.da{

                background-color: #ccc;

                width: 100%;

                height: 200px;

                display: none;

                background-image: url(http://avatar.csdn.net/3/5/3/1_wangwang008.jpg);

                background-size: 100% 100%;

            }

            .xiao:hover>.da{

                display: block;

            }