.. il problema invece continua...
Su explorer il tag :hover nel menu (ul) non funziona.. come mai??
codice:
<!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>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
body, html {
margin: 5px auto;
padding 0;
}
body {
background: #EFEFEF;
font-size: 12px;
font-family: arial, helvetica ;
text-align: center;
}
#corpo {
background: #FFFFFF;
text-align:left;
border: 1px solid #CCCCCC;
width:760px;
margin:0 auto 0 auto;
}
#header {
background-image:url('/temi/nuovo/images/erreciti_sas_logo.jpg');
height: 100px;
}
#contenuto {
float:right;
width:560px;
}
#bloccosx {
float:left;
width:198px;
}
#extra {
width: 100%;
clear:both;
margin: 0;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
#footer {
padding: 5px;
margin: 0;
}
.copyright {
color: #808080;
margin: 0;
padding: 2px;
text-align: center;
background: #CCCCCC;
}
.menu {
text-align: left;
border: 1px solid #CCCCCC;
margin: 5px;
background: #EFEFEF;
}
.menu h1 {
font-size: 12px;
background: #CCCCCC;
margin: 2px;
text-align: center;
color: #666666;
}
.menu ul {
width:100%;
text-align:left;
margin:0px 0px 4px;
padding:0px;
}
.menu ul li {
list-style:none;
text-align:left;
margin:0px 5px 0px 5px;
padding:5px;
border-bottom: 1px solid #cccccc;
}
.menu li:hover {
background-color: #CCCCCC;
}
.menu a {
color: #FF6600;
}
.menu a:hover {
color: #FF6600;
}
.menu p {
margin: 15px 10px;
}
.box_pagina {
text-align: left;
border: 1px solid #CCCCCC;
margin: 5px;
background: #EFEFEF;
color: #666666
}
.box_pagina h1 {
font-size: 12px;
background: #CCCCCC;
margin: 2px;
text-align: center;
color: #666666;
}
.box_pagina p {
margin: 2px 2px 5px 2px;;
}
</style>
</head>
<body>
<div id="corpo">
<div id="header"></div>
<div id="wrapper">
<div id="contenuto">
<div class="box_pagina">
<h1>Pagina</h1>
prova testo nmas d as as das dsas as da sd as dasdasdahsdhjashjd asd asd as dasdasdasd as das dasd asd as das dasdsadssad</p>
</div>
</div>
</div>
<div id="bloccosx">
<div class="menu">
<h1>Menu</h1>
<ul>[*]link[*]link
[/list]
</div>
<div class="menu">
<p align="center">aaaaaaa</p>
</div>
</div>
<div id="extra">
extra</p>
</div>
<div id="footer">
<div class="copyright">Copyright ©</div>
</div>
</div>
</body>
</html>