Twenty twelve and z-index property

Can you post the z-index and any relevant position CSS styles you’ve tried?

One of the many iterations (this example doesn’t overlay)

#branding hgroup{
background-image: url("");
background-size:60%;
background-repeat:no-repeat;
height:200px;
position:relative;
z-index:99;
}

#secondary {
float: right;
margin-right: 7.6%;
width: 18.8%;
margin-top:-200px;
z-index:100;

}

thanks

Is your website local to your machine or can you link it?

https://www.mommaloves.net/

all links are redundant

I’m not experiencing this, which links are redundant?
Which browser & browser version are you using?

Sorry, if you could refresh now you should see what i mean

When using z-index, you need to apply position: relative (or absolute) to the parent of the elements you want to apply to.

So you ought to apply position: relative; to <div id="page">.
You also should apply a z-index value lower in the <header> element, than the z-index value in the sidebar element.

ok so I’ve now got:

#page {
	margin: 0em auto;
	max-width: 1000px;
background-image:url();
background-size:100%;
background-repeat:no-repeat;
position: relative
}

#branding hgroup{
background-image: url("");
background-size:60%;
background-repeat:no-repeat;
height:200px;
position: relative;
z-index:99

}

#secondary {
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
margin-top:-200px;
position: relative;
z-index:100;

}

Instead of #branding hgroup, you should apply the z-index to #branding because at the moment there is a z-index of 9999 applied.

Totally missed that, Thanks so much Andrew

thanks