title: Image shows up twice in internet explorer 9 while it shows it perfectly in firefox or chrome
body: <p>Like the title says, in IE an image shows up twice but it shows up perfectly in other browsers.. Now the weird thing is it shows up wrong on 2 of my 5 pages. While the code is the same for all.</p>
  
  <p>The thing is the html code for both navigation parts are exactly the same and they get the image from the same css file..</p>
  
  <p>Could anyone check what could be wrong?</p>
  
  <p>CSS:</p>
  
  <pre><code>a img
  {
  border:none;
  }
  
  body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #7f7e7e;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff
  background-image: url(images/#####.pg);
  background-repeat: repeat-x
  
  }
  
  #container {
  width: 1200px;
  margin: auto;
  overflow: hidden;
  }
  
  #header {
  width: 1200px;
  height: 130px;
  }
  
  
  
  #logo {
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  width: 425px;
  height: 87px;
  margin-top: 28px;
  margin-left: 128px;
  float: left;
  }
  
  #logo_des {
  background-image: url(../images/logo2.png);
  background-repeat: no-repeat;
  width: 311px;
  height: 57px;
  float: right;
  margin-top: 57px;
  margin-right: 37px;
  }
  
  
  
  
  .nav_menu li { 
  list-style: none;
  display: inline;
  margin-left: 159px;
  line-height: 40px;
  
  
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt; &lt;title&gt; x&lt;/title&gt;
  
      &lt;link href = "styles.css" rel="stylesheet" type="text/css" /&gt;
  
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;a name="top"&gt;
  &lt;div id="container"&gt; &lt;!-- BEGIN CONTAINER --&gt;
  &lt;div id="header"&gt; &lt;!--BEGIN HEADER --&gt;
  &lt;div id="logo"&gt;&lt;!-- BEGIN LOGO --&gt;
  &lt;/div&gt;&lt;!-- END LOGO --&gt;     
  
  &lt;div id="logo_des"&gt; &lt;!-- BEGIN LOGO DESCRIPTION --&gt;
  &lt;/div&gt; &lt;!--END LOGO DESCRIPTION --&gt;
  
  &lt;/div&gt; &lt;!--END HEADER--&gt;
  
  &lt;div id="navigation_line"&gt; &lt;!-- BEGIN NAVIGATION_LINE --&gt;
  &lt;div id="menu"&gt; &lt;!--BEGIN MENU--&gt;
  
  &lt;ul class="nav_menu"&gt;
  &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="about_x.html"&gt;About x&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="our_services.html"&gt;Our Services&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="contact_us.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="partners.html"&gt;Partners&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;   
  &lt;/div&gt; &lt;!-- END NAVIGATION_LINE --&gt;
  &lt;/div&gt; &lt;!--END MENU--&gt; `
  </code></pre>