Только в IE рисунок расположенный в одной строке рядом с текстом сползает на строку вниз. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Img сползает</title> <link rel="stylesheet" href="style.css"/> </head> <body> <div class="menu_list" id="secondpane" style="width:20%"> <p class="menu_head">Header1</p> <div class="menu_body"> <ul> <li><a href="#">str2<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9WvZyktdszHB9O75A7RuphkzGLkrRvSefdCzHPpdIzEfRG4QzG88lgtYX3RQkflyVUeEWnPl pV6gTCLhHg6/1.jpg"></a></li> <li><a href="#">str1<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9WvZyktdszHB9O75A7RuphkzGLkrRvSefdCzHPpdIzEfRG4QzG88lgtYX3RQkflyVUeEWnPl pV6gTCLhHg6/1.jpg"></a></li> </ul> </div> <p class="menu_head">Header2</p> <div class="menu_body"> <ul> <li><a href="#">str1<img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9WvZyktdszHB9O75A7RuphkzGLkrRvSefdCzHPpdIzEfRG4QzG88lgtYX3RQkflyVUeEWnPl pV6gTCLhHg6/1.jpg"></a></li> <li><a href="#">str2 <img src="http://f2wgpw.bay.livefilestore.com/y1pGS-v-NUYARPyt9WvZyktdszHB9O75A7RuphkzGLkrRvSefdCzHPpdIzEfRG4QzG88lgtYX3RQkflyVUeEWnPl pV6gTCLhHg6/1.jpg"></a></li> </ul> </div> </div> </body> </html> Причем этот пример работает нормально, а вот в комплекте с громадной таблицей стилей и jQuery не отображается по замыслу. Применяемые стили: .menu_head { font-size: 1.2em; color:#047ad5; text-decoration:underline; cursor: pointer; position: relative; } .menu_head:hover{ color: red; text-decoration:underline; } .menu_body { display:none; } .menu_body a{ display:block; color:#047ad5; border:1px solid green; } .menu_body a:hover{ color: red; text-decoration:underline; } .menu_body li a { line-height:1.8; border:1px solid blue; } .menu_body li a img{ display: inline; border: 1px solid red; float: right; vspace:0; hspace:2px; }
