Hello,

I have a banner that is displayed on top of a webpage. It is supposed to be right on top of the page. It works fine in FF, Chrome and Safari but it IE9 there is a big blank space before the banner.

I have tried to zero the top-margin in CSS but that does not work.

Is there anything that needs to be done in order for it to display correctly in IE? Below is the CSS code I have:

Code:
<style type="text/css" media="screen">
			html { margin-top: 32px; }
			* html body { margin-top: 32px; }
		#catapult-cookie-bar {
			direction: ltr;
			color: #DDD;
			font: normal 13px/28px sans-serif;
			height: 30px;
			position: fixed;
			top: 0px;
			left: 0;
			width: 100%;
			min-width: 600px;
			z-index: 99999;
			padding:2px 20px 0;
			background-color: #464646;
			background-image: -ms-linear-gradient(bottom, #373737, #464646 5px);
			background-image: -moz-linear-gradient(bottom, #373737, #464646 5px);
			background-image: -o-linear-gradient(bottom, #373737, #464646 5px);
			background-image: -webkit-gradient(linear,left bottom,left top,from( #373737),to(#464646));
			background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px);
			background-image: linear-gradient(bottom, #373737, #464646 5px);
			text-align:left;
			margin-top:0px;
		}
		#catapult-cookie-bar a {
			color:#fff;
		}
		button#catapultCookie {
			margin:0 20px;
			line-height:20px;
			background:#45AE52;
			border:none;
			color:#fff;
			padding:0 12px;
			border-radius: 3px;
			cursor: pointer;
			font-size: 13px;
			font-weight: bold;
			font-family: sans-serif;
			text-shadow: #555 1px 1px;
		}
		button#catapultCookie:hover {
			background:#5EC544;
		}
		</style>