Div没有显示悬停在下方

Question

问题是如果我将鼠标悬停在服务上它必须显示一个下面的div，默认情况下没有显示但是在悬停时它会显示为一个块，实际上我不知道css，所以请求帮助我，我这样做请帮帮我

HTML：

<section class="tmain">
    <div class="Button">
        SERVICES
    </div>
    <div class="Button">
        SERVICES
    </div>
</section>
<div class="ShowMe">
</div>

CSS：

.tmain{
            width:960px;
            margin-left:auto;
            margin-right:auto;
            background-color:#069;
            height:auto;
    }
    .Button{
            padding-bottom:40px;
            padding-top:40px;
            padding-left:30px;
            color:white;
            font-family:Agency FB;
            padding-right:30px;
            background-color:#309;
            font-size:36px;
            margin-left:10px;
            float:left;
    }
    .ShowMe{
            width:960px;
            margin-left:auto;
            margin-right:auto;
            background-color:#3C9;
            height:400px;
            display:none;
            position:relative;
            z-index:-1;
    }

    section.tmain:hover > .ShowMe{
        display:block;
    }

Answer 1

   section.tmain:hover + .ShowMe{
        display:block;
    }