Парни, второй день не могу понять, в чём дело. Есть горизональная менюшка (headermenu), нужно сделать так, что бы текст в ней выравнивался по вертикали, в IE всё красиво, но в Опере и ФФ текст меню прижимается к низу. вот код css: #headermenu { position:absolute; right:0px; top:231px; height: 33px; background: #d60000 url(images/menu_bg2.gif) repeat-x; line-height: 33px; z-index:2; } .headerm { padding: 0; text-transform: uppercase; font-weight: 100; } .headerm li { float:left; list-style-type:none; } .headerm li a { display:block; padding:0 11px; text-decoration:none; color: #fff; letter-spacing:1px; letter-spacing: -1px; font-size: 11px; } .headerm li a:hover { color:#000; text-decoration:none; } И код 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=windows-1251" /> <title>FLmos.ru</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="head_left"><h1 align="center"> </h1></div> <div class="head"></div> <div class="head_right"></div> <div class="head_bottom"></div> <div id="headermenu"> <div class="headerm"> <ul> <li><a href="#">тест</a></li> <li><a href="index.htm">тест 2</a></li> </ul> </div> </div> <div class="content"> <div class="left"> <h2 align="center">Левое меню</h2> <p>Тестим тута текст Тестим тута текст Тестим тута текст Тестим тута текст</p> <h2 align="center">Левое меню 2</h2> <p>Тестим тута текст Тестим тута текст Тестим тута текст Тестим тута текст</p> </div> </div> </body> </html> Методом тыка выяснил, что выновата во всём строка position:absolute; в css #headermenu, но как поправить понять не могу. Подскажите, пожалуйста, что тут не так?