Во всём кроме Фаерфокс эта конструкция корректно работает, а как её подружить с ФФ? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> a { display: block; width: 123px; height: 114px; border: #505050 1px solid; text-decoration: none; position: relative; } a:hover { background-image: none!important; background-color: #eff4e7!important; text-decoration: none!important; } a span { display: block; width: 123px; position: absolute; bottom: 5px; text-align: center; line-height: 12px; } a:hover span { font-size: 18px; line-height: 16px; color: #414042; bottom: 40%; } a:hover span:first-letter { font-size: 30px; line-height: 30px; /* Для ИЕ7 */ color: #4d7401; font-weight: bold; } </style> </head> <body> <a href="#"> <span>Текст</span> </a> </body> </html>
