valik619, тач можно сделать
<div class="head">
<a class="head1" href="#" > link 1</a>
<a class="head2" href="#" > link 2</a>
<a class="head3" href="#" > link 3 </a>
</div>на скорую руку написал ,так как надо выйти .
body {
width:400px;
text-align: center;
border: 1px dotted #ccc;
}
.head a:hover {background: #fff;}
.head {
display: inline-block;
width:100%;
height:60px;
}
.head1 {
position: relative;
width: 20%;
float:left;
padding: 20px;
background: #f1f1f1;
}
.head2 {
border-left: 1px solid #666;
position: relative;
width: 29%;
float:left;
padding: 20px;
background: #f1f1f1;
}
.head3 {
border-left: 1px solid #666;
position: relative;
width: 20%;
float:right;
padding: 20px;
background: #f1f1f1;
margin-right: 1px;
}