Why is my image repeating?

HTML & CSS
1

really flumoxed here. this logo should not be repeating but yet it is, can you help me out guys,
image is coming out side by side

<html>
<head>

<link href="styles.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div  id="container">
	<div id="header">
		<h1><a href="#"> Coolmine MMA</a><h1>
			
	</div>
</div>

</body>

</html>

CSS

* { margin: 0; padding: 0; }


body {
  background: #fff url(images/bg_body.jpg) repeat-x 0 0;
  font-family: Arial, Helvetica, sans-serif;
}


#container {
  width: 960px;
  margin: 0 auto;
  padding: 0 10px;
}

#header {
  position:relative;
  width:960px;
}

#header h1 {
  display:block;
  float:left;
  width:400px;
  height:120px;
  background:url(images/logo.jpg)no-repeat 0 0; 
  text-indent:-9999px;
}

#header h1 a {
  display: block;
  height: 100%;
  width: 100%;
}
2

Without seeing the site, all I can suggest is you remove the gap between the right parenthesis and the “no-repeat”:

background:url(images/logo.[COLOR="#FF0000"]jpg)no[/COLOR]-repeat 0 0;
3

logo should not be repeating but yet it is

Hi,
You failed to close the h1 tag and that is causing the heading to be rendered twice.

all I can suggest is you remove the gap between the right parenthesis and the “no-repeat”

Actually that can cause problems in older versions of IE. I don’t see a gap in the code, but I would put the space in there.
I guess I still do it out of habit.

background:url(images/logo.jpg[B][SIZE=2][COLOR=#0000cd]) no[/COLOR][/SIZE][/B]-repeat 0 0;
4

Oh my God, I cant believe that’s what I missed closing that. I sat there for an hour last night looking and didn’t see that. Kicking myself here- thanks guys

5

Duh, I meant remove the lack of a gap … or, in other words, put the gap in. :blush: