В общем, ситуация следующая: <!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=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="one"> <input name="" type="text" /> <input name="" type="password" /> </div> <div class="two"> <input name="" type="text" /> <input name="" type="password" /> </div> </body> </html> @charset "utf-8"; /* CSS Document */ .one input[type=text], input[type=password]{ background-image:url(images/bar-bg.png); width: 150px; background-color: #ececed; font-weight:bold; background-repeat:repeat-x; font-size: 14px; font-family:Tahoma, Geneva, sans-serif; border:1px solid #aaa; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition:border linear .2s,box-shadow linear .2s; -moz-transition:border linear .2s,-moz-box-shadow linear .2s; -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;} .one input[type=text]:focus, input[type=password]:focus{ background-image: url(images/bar-bg-active.png); background-color: #fff5e8; background-repeat:repeat-x; outline:none; font-family:Tahoma, Geneva, sans-serif; color:#818182; font-size: 14px; font-weight:bold; border-color: rgba(255,138,23,.5); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 8px rgba(255,138,23,.5); -moz-box-shadow:0 0 8px rgba(255,138,23,.5); -webkit-box-shadow:0 0 8px rgba(255,138,23,.5);} Кто знает почему правило с type=text работает а с password нет?