發生以下問題,但是不知道是哪邊程式寫起來有問題!

index.html
寫的語法為
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>練習</title>
<link href="css/style_index.css" rel="stylesheet" type="text/css">
</head>

body以圖片代替,發送時網頁無法正常顯示
另外說明一下,圖片大小為 960*720
</html>
css語法為下
@charset "utf-8";
/* CSS Document */
* {
margin: 0px;
padding: 0px;
}
body{
background-color: #8F6328;
font-size: 100%;
color: #000000;
}
#wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
margin-top: 60px;
}
#footer {
width: 960px;
height: 27px;
float: left;
text-align: center;
font-family: "微軟正黑體", "標楷體", "新細明體";
font-size: 0.8em;
background-color: #1ADAF9;
padding-top: 8px;
}
不了解,為什麼會有那一道縫隙!!
它是由哪個div產生的呢?
目前想到的辦法就是
版權div那裏設定上外框的像數值為負數
就可以跟圖片貼齊沒有縫隙
請問有其他辦法能處理掉那條縫隙嗎?
還有為什麼在Dreamweaver看沒有那條縫隙
網頁看就有呢?
另外,有使用notepad++
純手打寫出來,一樣有那條縫隙!!
另外也直接附上檔案,請問有大大能解釋一下嗎?
在此先感謝各位~
附加壓縮檔: 201512/mobile01-062424fa7db248ca3e568cd1f14769f9.zip