Unwanted Horizontal Scroll

Hi,

I have an unwanted horizontal scroll bar. I have included the html and css below. This is a work in progress so not perfect.

I have tried changing the widths on several elements without any change. It does the same in IE and Chrome.

<div id="container">
	<div id="header">
	<div class="header_right"></div>
 
		<h1>Put your site name here</h1>
  </div>
	<div id="navigation">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Services</a></li>
			<li><a href="#">Contact us</a></li>
		</ul>
	</div>

Full width image is not stretching in IE

I need to have a background image stretch to full width but retain it's height. This is working fine in Firefox and Chrome but IE without compatibility mode is not stretching the image.

My CSS is as follows:

/* This is used for the main login screen */
.v-verticallayout-homepage {
background: url(img/mandg-logos/city-scape.png) bottom left no-repeat ;
width:100%;
position:fixed;
background-position-x: 0%;
background-position-y: 100%;
background-position-z: -999;
background-size: 100%;
width 100%;
background-color: white;
min-width: 100%;
color: black;
}

Syndicate content