Баг или фича в цсс?
!important — это как последняя пуля. Надо беречь для себя…
хотите еще больше магии? 

<html>
    <head>
        <style type="text/css">
            input[type=text]{
                width:100px;
            }
            .test input{
                 width:200px;
             }
         </style>
    </head>
    <body>
        <form>
            <input type="text" />
            <div class="test"><input type="text" /></div>
        </form>
    </body>
</html>


длина будет разной

а поменяйте порядок стилей — длина будет одинакова.