После того как вставил меню в блок, залез на футер, это так отображается в Файрфокс, в Опере все нормально, если же уменьшить высоту блока, то в Файрфокс будет нормально, а в Опере будет разрыв между блоками Вот HTML страницы с блоками: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Основы HTML и CSS</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="container"> <div id="header"> </div> <div id="con"> <div id="navigation"> <p> </p> </div> <div id="menu"> <p> <link rel="stylesheet" href="styles.css" type="text/css" /> <ul id="menu"> <li><a href="http://menu.ihtut.net/"><span>Главная</span></a></li> <li><a href="http://menu.ihtut.net/"><span>Поиск</span></a></li> <li><a href="http://menu.ihtut.net/"><span>Регистрация</span></a></li> <li><a href="http://menu.ihtut.net/"><span>Карта сайта</span></a></li> <li><a href="http://menu.ihtut.net/"><span>О сайте</span></a></li> </ul> </p> </div> <div id="navigation"> </div> <div id="content"> </div> <div id="clear"> </div> <div id="footer">Подвал сайта </div> </div> </body> </html> А вот CSS меню: ul#menu {list-style-type:none; margin:0; padding:0;} ul#menu li a{ color:#909090; /* цвет букв в обычном состоянии */ background: url(images/vert_menu.png) no-repeat 0 0; /* путь к изображению */ text-decoration:none; width: 200px; height: 55px; display:block; border:none; text-shadow: #ddd 2px 2px 0; /* цвет тени у букв в обычном состоянии */ } ul#menu li a:hover{ background-position: 50% 100%; width: 200px; height: 55px; display:block; color:#fff; /* цвет букв в активном состоянии */ text-shadow: #1185EE 2px 2px 0; /* цвет тени у букв в активном состоянии */ } ul#menu li a span{ font-family:sans-serif; /* Шрифт букв */ font-size:18px; /* размер букв */ padding:17px 0 0 20px; display:block; }
