html搜索框如何设置宽度,这段代码中的input为text的搜索框为何设置了宽度不起作用...

.search-text{

border: 0;

float: left;

height: 25px;line-height: 25px;

outline: none;//

width: 350px;

}

设置了宽度，为何还是那么短

Document

body{

background: #333;

}

.bg_div{

background-image: url("river.jpg");

height: 690px;

width: 1268px;

margin: 0 auto;

position: relative;

}

.logo{

background-image: url("logo.png");

height:53px;

width:107px;

float: left;

margin: -5px 18px 0 0;

}

.search-form{

float: left;

background: #fff;

padding: 5px;

}

.search-text{

border: 0;

float: left;

height: 25px;line-height: 25px;

outline: none;//

width: 350px;

}

.search-submit{

border: 0;

background-image: url(search-button.png);

height: 29px;

width:29px;

float: left;

}

.box{

position: absolute;

top: 200px;

left: 400px;

}

.suggest{

width: 388px;

background: #fff;

border: 1px solid #999;

}

.suggest ul{

list-style: none;

margin: 0;

padding: 0;

}

.suggest ul li{

padding: 5px;

font-size: 12px;

line-height: 25px;

cursor: pointer;

}

.suggest ul li:hover{

background: #ccc;

text-decoration: underline;

}

• 搜索结果1
• 搜索结果2

$("#search-input").bind('keyup',function(){

$("#search-suggest").show().css({

left:$('#search-form').offset().left,

top:$('#search-form').offset().top+$('#search-form').height(),

position:'absolute'

});

})