Länk flyter ur UL-tagg

doggelitoMedlem sedan juni 20003 076 inlägg

7 juli 2005 07:08#1

Det ser bra ut i IE men i FF flyter länkarna ur ul-elementet, varför?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
	ul{
		font-family:Verdana, Arial, sans-serif;
		font-size:10px;
		margin:0;
		padding:0;
		list-style:none;
		width:775px;
		background:#DEEBEF; 
		border:1px solid #000000
	}
	
	ul li {
		display:inline;
	}
	
	ul li a {
		display:block;
		float:left;
		padding:15px 15px 5px 5px;
		background:#DEEBEF;
		border-right:1px solid #fff;
		color:#000;
		text-decoration:none;
	}
</style>
</head>

<body>
<ul>
	<li><a href="#">sdfsd</a></li>
	<li><a href="#">erttt</a></li>
</ul>
</body>
</html>

zcorpanMedlem sedan dec. 20042 245 inlägg

7 juli 2005 08:26#2

Läs under "Öh du, den hänger utanför…" i Flytande formgivning :)

ul { overflow:hidden; }