В остальных бразерах ок. При том если убрать строчку
<input type = "image" src = "images/enter.gif" alt = "Войти"/> |
, то прижимается.
Я пробывал бороться с этим казусом при помощи задания минимальной ширины контентка: line-height.. и размер текста.
Но это никак не помогает.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="all" />
<meta name="description" content="не более 90 cимволов" />
<meta name="keywords" content="не более 150 cимволов" />
<title>Бил Гей!!!</title>
<style>
body{background:#000000}
*{border:0; margin:0; padding:0}
#ain{width:auto; height:auto; border-bottom: 1px solid #ffd254; color:#ffd254;font: normal 11px/11px Arial; line-height:11px}
#ain a:link {color:#ffd254; text-decoration:none; vertical-align:bottom;line-height:11px}
#ain a:visited {color:#ffd254; text-decoration:none; vertical-align:bottom;line-height:11px}
#ain a:hover {color:#ffd254; text-decoration:none; vertical-align:bottom;line-height:11px}
#ain input{color:#ffd254; height:10px; width:29px; font: normal 0px/0px Arial; vertical-align:bottom;line-height:11px}
</style>
</head>
<body>
<div id = "ain">
<input type = "image" src = "images/enter.gif" alt = "Войти"/> |
<a href = "#" title = "Регистрация">Регистрация</a>
</div>
</body>
</html>