Buenas, pues he colocado pestañas como navegador, pero para los enlaces, aún usando "display: block", sólo me sirve para clickar a lo largo del texto y no en la pestaña completa, os pongo lo que llevo hecho de web para que veais lo que os digo, la zona de click de los enlaces estarán en blanco.
PD: lo de border-radius no funciona en internet explorer :P
Saludos y gracias!
PD: lo de border-radius no funciona en internet explorer :P
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>CEECADIZ - Certificados de eficiencia energética en la provincia de Cádiz</title>
<link type="text/css" href="estilos.css" media="all" rel="stylesheet" />
<style>
* {margin:0px; padding:0px; border:0px;}
body {background-color: #33ffff; font-family: sans-serif,arial,verdana ; text-align: center}
#global {width: 960px ; height: 100% ; margin: 0px auto}
#cabecera {background-color: #009900; height: 150px}
#texto-cabecera {color: white ; text-decoration: none ; position: relative ; top: 20px ; text-shadow: 1.5px 1px 1px brown, -0.5px -0.5px 2px rgb(0, 0, 0)}
#navegador {position: relative ; top: 44px }
#navegador ul {list-style: none}
#navegador li {float: left ; border: 1px solid black ; border-top-right-radius: 8px ; border-top-left-radius: 8px ; width: 158px ; background-color: #336633 ; padding: 6px 0px;
border-left-color: #333333 ; border-top-color: #333333 ; border-right-color: #333333}
li#botonactivo {border-bottom-width: 0px; background-color: #99ff66 ; border-left-color: black ; border-top-color: black ; border-right-color: black ; font-weight: bold}
#navegador a {text-decoration: none ; display: block ; color : black ; background-color: white}
#navegador li:hover {background-color: #99ff66 ; border-bottom-width: 0px ; font-weight: bold}
#navegador a:hover {}
#contenido {background-color: #99ff66 ; border-left: 1px solid black ; border-bottom: 1px solid black ; border-right: 1px solid black}
#pie {height: 100px ; background-color: blue ; border: 3px ; border-bottom-right-radius: 15px ; border-bottom-left-radius: 15px}
</style>
</head>
<body>
<div id="global">
<div id="cabecera">
<h1 id="texto-cabecera">CERTIFICADOS DE EFICIENCIA ENERGÉTICA<br>EN LA PROVINCIA DE CÁDIZ</h1>
<div id="navegador">
<ul>
<li id="botonactivo"><a href="#">Enlace 1</a></li>
<li><a href="#">Enlace 2</a></li>
<li><a href="#">Enlace 3</a></li>
<li><a href="#">Enlace 4</a></li>
<li><a href="#">Enlace 5</a></li>
<li><a href="#">Enlace 6</a></li>
</ul>
</div>
</div>
<div id="contenido">Contenido</div>
<div id="pie">Pie de Página</div>
</div>
</body>
</html> Saludos y gracias!