duda menu de navegacion

[codeman1234]

Hola buenas,

tengo una duda y me gustaria saber si podriais ayudarme. Es lo siguiente quisiera poner en mi web un menu de navegacion como tiene esta web www.infobae.com quisiera saber como hacer los cuadraditos que separan cada apartado del menu.

un saludo y gracias

[talmente]

Hola mira esto, creo que es lo que quieres.

CSS

Código:

#cabecera ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:25%;
	text-align:center;
}
#cabecera ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:25%;
}
#cabecera ul li a {
	display:block;
	margin:0 0 0 0px;
	padding:3px 10px;
	background:#ddd;
	color:#000;
	text-decoration:none;
	line-height:1.3em;
	border-right: 1px solid #666666;
}
#cabecera ul li a:hover {
   background:#369;
   color:#fff;
}
#cabecera ul li a.active,
#cabecera ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}

html

<div id="cabecera">
<ul>
<li><a href="#">Tab one</a></li>
<li><a href="#" class="active">Tab two</a></li>
<li><a href="#">Tab three</a></li>
<li><a href="#">Tab four</a></li>
</ul>
</div>