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 ?