[monolithed]

<style type="text/css">
dl {
    overflow: hidden;
    border: 1px solid #DDD;
    border-left: none;
    width: 222px;
}
    
dt {
    border-left: 1px solid #DDD;
    display: block;
    float: left;
    padding: 5px;
    text-align: center;
    width: 100px;
    height: 21px;
}
    
a {
    background: #DDD;
    color: #000;
    text-decoration: none;
}

a:hover {
    background: #DDD;
    color: red;
    display: block;
    padding: 5px;
    margin: -5px 0px 0px -5px;
    height: 21px;
    width: 100px;
}
</style>
<dl>
    <dt><a href="#">Главная1</a></dt>
    <dt><a href="#">Главная2</a></dt>
</dl>
  text