Quella regola li fa riferimento a <!--[if IE]> per Internet Explorer.
L'ho comunque cambiata e ho apportato alcune modifiche,ma non funziona comunque.
L'accordion dovrebbe spostare il div form che comunque risulta troppo distante e avvicinandolo il testo va sopra il div senza spostarlo
CSS
body{
background-repeat:no-repeat;
background-color:#000;
margin:0;
padding:0;
height:100%;
}
#header{
background-image:url(image/header.png);
background-repeat:no-repeat;
background-position:top;
margin:0 auto;
padding:0 0 250px 0;
height:570px;
width:1260px;
}
#container{
background-repeat:no-repeat;
margin:0 auto;
padding:0;
width:950px;
height:100%;}
#form{
background-color:#CCF;
width:950px;
height:500px;
margin:0 auto;
padding:0;
bottom:0;}
HTML
<!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>Documento senza titolo</title>
<link href="PORTFOLIO2.CSS" rel="stylesheet" type="text/css" />
<link href="backtohome.css" rel="stylesheet" type="text/css"/>
<link href="hover_img.css" rel="stylesheet" type="text/css" />
<link href="validazionehighlight/stile.css" rel="stylesheet" type="text/css"/>
<!--[if IE]>
<style type="text/css">
#back {
position:absolute;
left:850px;
top:-280px;
display: block;
width: 95px;
height: 93px;
background:url(IMAGE/back.png) left top no-repeat;
}
{
background-repeat:no-repeat;
margin:0 0 0 -500px;
padding:20px 0 0 0;
width:950px;
height:100%;}
li {
display: block;
float: left;
margin:0 0 0 500px;
padding:0 52px 0 0;
}
</style>
<![endif]-->
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function(){
$("ul#menu li ul").hide();
$("ul#menu>li>a").click(function() {
$(this).addClass("current");
var $subnav = $(this).next();
if($subnav.is(":visible")) {
$subnav.animate({height: "toggle"}, 750, "easeOutBounce").prev().removeClass("current");
}
if(!$subnav.is(":visible")) {
$("ul#menu li ul:visible").animate({height: "toggle"}, 750, "easeInBounce").prev().removeClass("current");
$subnav.animate({height: "toggle"}, 750, "easeInOutExpo");
}
return false;
});
});
</script>
<script type="text/javascript">
$(function(){
$("ul#form li ul").hide();
$("ul#form>li>a").click(function() {
$(this).addClass("current");
var $subnav = $(this).next();
if($subnav.is(":visible")) {
$subnav.animate({height: "toggle"}, 750, "easeOutBounce").prev().removeClass("current");
}
if(!$subnav.is(":visible")) {
$("ul#form li ul:visible").animate({height: "toggle"}, 750, "easeInBounce").prev().removeClass("current");
$subnav.animate({height: "toggle"}, 750, "easeInOutExpo");
}
return false;
});
});
</script>
<style type="text/css">
{
height:400px;}
{
background-repeat:no-repeat;
height:100%;
margin:100px 145px;
padding:0;
width:950px;
}
</style>
</head>
<body>
<div id="container">
<div id="menuback">
<ul id="back">
<li class="whos"><a href="PORTFOLIO2.html"></a></li>
</ul>
</div>
<ul id="menu">
<li class="servizi"><a href="#"></a></li>
<li class="web"><a href="#"></a><ul><p>Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.<br/></p>
</ul> </li>
<li class="css"><a href="#"></a><ul><p></p></ul> </li>
<li class="usabilita"><a href="#"></a><ul><p></p></ul></li>
<li class="logo"><a href="#"></a><ul><p>Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.Un sito è il biglietto da visita piu importante per un'azienda,
per questo deve rispecchiare chi siamo e cosa abbiamo da dire
nel miglior modo possibile.</p></ul></li>
<li class="illustrazioni"><a href="#"></a></li>
</ul>
<ul class="form">
<li class="preventivi"><a href="#"></a><ul></ul></li></ul>
<ul class="form">
<li class="prezzi"><a href="#"></a><ul></ul></li></ul>
<div id="form"></div>
</div>
</body>
</html>
