Al final solucioné ese tema poniendo la unorderlist dentro de una div y el border bottom se lo pongo a esa div.
Ahora me surge otro problemilla, no logro que al pasar el ratón por encima de los li de la ul me cambie el color de fondo de los li y además me muestre los elementos que cada li tiene asignado en una ul.
Os pongo el código:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Agente-Home</title>
<link href="MainStyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
}
</style>
<link href="navigationmenu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="headerdiv">
<top header>
<h1>Cabecero agente</h1>
</top header>
</div>
<div id="navigationmenu">
<ul>
<li><a href="#">Seguros de Coche</a>
<ul>
<li><a href="#">Póliza Básica</a></li>
<li><a href="#">Póliza 7</a></li>
<li><a href="#">Nueva Póliza 10</a></li>
<li><a href="#">Póliza Líder</a></li>
<li><a href="#">Póliza todo riesgo 100</a></li>
</ul><!--end Seguros de Coche list--->
</li>
<li>Seguros de Moto</li>
<li>Seguros Generales</li>
<li>Seguros de Salud</li>
<li>Seguros de Vida</li>
<li>Productos Bancarios <!--end wrapper---></li>
</ul>
</div>
</div>
</body>
Y el css:
Código PHP:
@charset "utf-8";
#headerdiv{
margin:0;
padding:0;
height:200px;
background-color:#06F;
}
#navigationmenu {
margin:0px;
padding:0px;
height:30px;
background-color:#F00;
border-bottom:#999 solid;
}
#navigationmenu ul{
margin:0px;
padding:0px;
line-height:30px;
}
#navigationmenu li{
margin:0;
padding:0;
display:inline;
float:left;
position:relative;
margin:0px 10px;
}
#navigationmenu li:hover{
backgorund-color:#FFF;
}
#navigationmenu ul ul a:hover{
text-decoration:none;
color:#000;
}
#navigatiomenu li a{
text-align:center;
text-decoration:none;
height:30px;
width:150px;
display:block;
}
#navigationmenu ul ul{
position:absolute;
visibility:hidden;
top:30px;
}
#navigationmenu ul a:hover{
visibility:visible;
background-color:#F00;
}
</code>