Вот теперь вновь проблема. Код полностью валидный
http://www.svadba.arttest.ru/index.php?id=3
Но в IE правый блок информационный съезжает вниз
Притом съезжает только когда слева отображается меню.
Что может быть?
Для удобства выкладываю стиль для меню:
ul.menu1, ul ul {
padding:0;
margin:0;
border:0;
list-style-type:none;
height:400px;
overflow:hidden;
width:200px;
text-align:left;
color:#fff;
margin-left: 0px;
}
ul.menu1 table {
border-collapse:collapse;
padding:0;
margin:0;
}
ul.menu1 ul {
margin-left:10px;
}
ul.menu1 li {
text-indent:14px;
background: #fff url('images/menuitem.gif') no-repeat top left;
}
ul.menu1 li.drop {
margin-top:0px;
}
ul.menu1 li a,
ul.menu1 li a:visited {
display:block;
width:14em;
height:47px;
line-height:47px;
text-decoration:none;
color:#666;
margin-left: 25px;
margin-top: 0px
}
/*ul.menu1 li a.last,
ul.menu1 li a.last:visited {
display:block;
width:14em;
height:14em;
line-height:2em;
} */
ul.menu1 li ul {
display:none;
/* text-indent:14px;*/
}
ul.menu1 li:hover a,
ul.menu1 li a:hover {
border:0;
color:#666;
text-decoration: underline;
}
ul.menu1 li:hover ul,
ul.menu1 li a:hover ul {
display:block;
height:90px;
width:170px;
margin-top:0px;
background:#fff;
border:0;
text-decoration: none;
}
ul.menu1 li:hover ul li a,
ul.menu1 li a:hover ul li a {
display:block;
height: 28px;
background:#fff;
color:#666;
text-decoration: none;
}
ul.menu1 li:hover ul li:hover a,
ul.menu1 li a:hover ul li a:hover {
background:#fff;
color:#666;
text-decoration: underline;
}
Лежит меню в блоке
#menu{
float: left;
width: 250px;
text-align: left;
margin-top: 40px;
}
Что может быть?