css search box transition not working in all browsers
All,

I have a custom searchbox with css transition. it worked like a charm yesterday, but today it does not work like this example

http://www.bloggermint.com/demos/css3searchbox/

i don't know what the problem is.

My css code:

    #search input {
        background: url(search-white.png) no-repeat 1px 1px #fcfcfc;
        border: 1px solid #999;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #bebebe;
        width: 150px;
        padding: 6px 15px 6px 35px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        }

thanks :)
css search box transition not working in all browsers
===

All,

I have a custom searchbox with css transition. it worked like a charm yesterday, but today it does not work like this example

http://www.bloggermint.com/demos/css3searchbox/

i don't know what the problem is.

My css code:

    #search input {
        background: url(search-white.png) no-repeat 1px 1px #fcfcfc;
        border: 1px solid #999;
        font: bold 12px Arial,Helvetica,Sans-serif;
        color: #bebebe;
        width: 150px;
        padding: 6px 15px 6px 35px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        }

thanks :)