为什么在DW里面能看到想要的结果,而在浏览器上却看不到

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>华为</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>

</head>
<body>
    <div id="header">
        <h1><img src="imges/logo_r1_c4.jpg" width="257" height="43"/></h1>
        <div  class="searchWrap">
            <p><a href="#">Worldwide</a><span>|</span><a href="#">登录</a><span>|</span><a href="#">个性化服务</a><span>|</span><a href="#">心声社区</a></p>
            <div  class="search"><input name="" type="text" class="txt" /><input name="" type="button" class="btn"/></div>
        </div>
    </div>
</body>
</html>

@charset "utf-8";
/* CSS Document */
/*全局控制*/
body{margin:0; padding:0; font-size:12px; color:#CCCCCC;font-family:"微软雅黑","宋体";background:url(../imges/bodybg_r1_c2.jpg))) repeat-x;}
a:link,a:visited{color:#666; text-decoration:none;}
a:hover{text-decoration:underline;}
/*重置浏览器的CSS默认样式*/
h1,h2,h3,h4,ul,li,dl,dt,dd,p,img,input{margin:0; padding:0; list-style:none; border:0;}
/*header*/
#header{width:980px; height:43px; margin:9px auto 8px;}
#header h1{width:320px; height:43px; float:left;}
#header .searchWrap{width:430px; height:43px; float:right;}
#header p{width:242px; height:43px; line-height:43px; float:left;}
#header p span{padding:0 6px;}
#header .search{width:170px; height:19px; float:right; padding-top:12px;}
#header .txt{width:119px; height:15px; background: url(../imges/s1_r2_c6.jpg) no-repeat; float:left; padding:2px 10px;}
#header .btn{width:31px; height:19px; background: url(../imges/an1_r2_c7.jpg) no-repeat; float:left;}

能不能搞点截图啊,如果我把问题发生这样子,你会为我解答么?

专业点好吗?

  • textarea中tab换行问题
  • jQuery可以这样选择dom?
  • chrome浏览器如何设置打印时去掉页眉页脚
  • html网页中如何做到别人不能复制自己网站内的文字?
  • js table header 固定
  • iframe所嵌套的网页是动态的,如何让iframe动态适应每个网页的不同高度?
  • 如何实现ie 浏览器 输入框placeholder效果
  • 名字显示不出来其他都可以
  • transition 设置动画是,用calss正常。用id 就没有动画,为什么?
  • 这是我的代码块,怎么在点击菜单的时候,图标icon触发background-position-x: -24px;
  • 网页如何实现这种布局?