Chi mi sa spiegare perchè, con questo foglio di stile
codice:
#skyline {
width: 400px; height: 200px;
background: url(Test_slicing.jpg);
margin: 10px auto; padding: 0;
position: relative;}
#skyline li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0;}
#skyline li, #skyline a {
height: 200px; display: block;}
#panel1b {left: 0; width: 95px;}
#panel2b {left: 96px; width: 75px;}
#panel3b {left: 172px; width: 110px;}
#panel4b {left: 283px; width: 117px;}
e questo html
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link href="css_slicing.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul id="skyline">
<li id="panel1b">
<li id="panel2b">
<li id="panel3b">
<li id="panel4b">[/list]
</body>
</html>
lìimmagine di sfondo si visualizza perfettamente in Opera e Mozilla ma non in IE6 ?