如何讓圖片在我的網站頂部，但要確保它對每個人都是一樣的？

我做了一個簡單的網站，將有一個頂部酒吧，將徽標放置在導航欄旁邊，並將導航欄放置在圖像上，並在整個網站上水平延伸。我似乎找不到正確的方式來確保木頭圖片佔據整個計算機的頂部，圖像的寬度爲3888像素，因此它不像整個寬度將在大多數顯示器上用完，我只是尋找幫助，讓它看起來在頁面的頂部，整個頂部酒吧的高度爲200像素，但是我可以在每臺顯示器上都有一個完美的頂部酒吧。如何讓圖片在我的網站頂部，但要確保它對每個人都是一樣的？

<html> 
    <head> 
     <style> 
      body{ 
       background-color:#F0E0B2; 
      } 
      img{ 
       position:absolute; 
       z-index:-2; 
       left:0px; 
       right:0px; 
       top:0px; 
      } 
      img2{ 
       left:0px; 
       top:0px; 
      } 
      ul{ 
       z-index:1 
       list-style-type:none; 
       margin-top:240px; 
       margin-left:500px; 
       padding:0; 
       overflow:hidden; 
      } 
      li{ 
       float:left; 
      } 
      a:link,a:visited{ 
       width:120px; 
       font-weight:bold; 
       color:#FFFFFF; 
       text-align:center; 
       padding:10px; 
       text-decoration:none; 
       text-transform:uppercase; 
      } 
      a:hover,a:active{ 
       text-color:#B8B8B8 ; 
      } 
     </style> 
    <body> 
     <img src="navibar.png" width="3888px" height="275px"/> 
     <img src="whitebird.png" width="250px" height="200px"/> 
     <ul> 
      <li><a href="#home">Home</a></li> 
      <li><a href="#music">Music</a></li> 
      <li><a href="#contact">Contact</a></li> 
      <li><a href="#about">About</a></li> 
     </ul>

來源

2014-01-13 user3188803