html - 网页格式问题

我有两个问题。第一个是我在 FF、IE 和 chrome 中在顶部 img 和 Logo 之间中断。第二个问题只出现在 IE 中，发生的情况是 Logo 周围有边框。我做错了什么？

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>2E Network - Home</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
  <div id="header"><img src="Images/top_page.png" width="963" height="29"><div id="logo"><a href="/" id="logoimg"><img src="Images/logo.jpg" width="921" height="272" alt="Logo" longdesc="/index.php"></a></div>
  </div>
  <div id="main">
  </div>
  <div id="footer"><img src="Images/bottom_page.png" width="963" height="50">
  </div>
</div>
</body>
</html>

单独的CSS样式表

body {
 background-image: url(Images/bkg.png);
 background-repeat: repeat-x;
}
#wrapper {
 width: 963px;
 margin: auto;
}
#main {
 background-image: url(Images/wrapper_bkg.png);
 background-repeat: repeat-y;
}
#logo {
 background-image: url(Images/wrapper_bkg.png);
 background-repeat: repeat-y;
}
#logoimg {
 margin-left: 15px;
}

Check the current page here

最佳答案

修复间隙使顶部图像显示: block ；和边界你可以在这里看到它

http://www.jsfiddle.net/CcvTD/2/

edit:updated 所以边框也被移除

关于html - 网页格式问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4373511/