Tengo este código:
<!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>Untitled Document</title>
<style type="text/css">
#apDiv1 {
position:absolute;
width:850px;
height:115px;
z-index:1;
}
#ja-footerwrap1,#ja-footerwrap2,#ja-footerwrap3,#ja-footerwrap4 {
float: left;
width: 25%;
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #CCC;
font-size: 10px;
line-height: 1px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666;
border-right-color: #666;
border-bottom-color: #666;
border-left-color: #666;
border-left-width: 1px;
border-left-style: solid;
text-indent: 8px;
}
</style>
</head>
<body>
<div id="apDiv1">
<div id="ja-footerwrap1">
<p>CUINES PALAFRUGELL</p>
<p>17200 PALAFRUGELL (GIRONA)</p>
</div>
<div id="ja-footerwrap2">
<p>CUINES PALAFRUGELL</p>
<p>17200 PALAFRUGELL (GIRONA)</p>
</div>
<div id="ja-footerwrap3">
<p>CUINES PALAFRUGELL</p>
<p>17200 PALAFRUGELL (GIRONA)</p>
</div>
<div id="ja-footerwrap4">
<p>CUINES PALAFRUGELL</p>
<p>17200 PALAFRUGELL (GIRONA)</p>
</div></div>
</body>
</html>
Y no se porque motivo el último div no flota a la izquierda y se descuelga. Si quito border-leftl si deja. No logro averiguar porqué...