Вот так можно выровнять 2 divа рядом с друг другом (и контент внутри них по центру), а парметр vartical-align:middle действительно не работает если стоит float, Или высота указан в %. Кому поможет, дайте знать! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <style> body { font-family:Arial; font-size:12; } </style> <!--[if IE]> <style> #1up, #1down { position:relative; display:block; width:100%; } #1up { top:50%; } #1down { top:-50%; } </style> <![endif]--> <body> <div style="width:300px;padding:0px;margin:0px;background:grey;position:relative;"> <div style="width:220px;height:25px;display:block;float:right;background:red;position:absolute;left:80px;top:0px;background:url(images/bar_02.png) no-repeat;"> <input type="text" style="text-indent:2px;outline:none!important;border:none;background:none;height:100%;width:98%;vertical-align:middle;line-height:22px;"> </div> <div style="color:white!important;text-align:right;width:80px;height:25px;display:table-cell;vertical-align:middle;background:url(images/bar_01.png) no-repeat;"> <div id="1up"> <div id="1down"> name: </div> </div> </div> </div> </body> </html>