Borderradius for header (not image)

[touchtalk 0]

We've already got great help from this forum. Now we want to implement some border-radius (which partly worked already) and some dropshadow. What we've added as custom code is this: #branding { background:#AFAFAF url('oursite/header-bg-grau1.jpg'); -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } http://www.touchtalk.dreamhosters.com/tttest But: The header itself appears in the corners and I don't know how to add a border radius also to the box? I've tried #page-canvas etc. but nothing worked...

[Kate 3]

Try this:

#page-canvas {
	-webkit-box-shadow: 0 0 8px 8px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 8px 8px rgba(0,0,0,.2);
	box-shadow: 0 0 8px 8px rgba(0,0,0,.2);
	margin-top:25px !important;}
	
	#branding{-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;margin-top:-24px;}
	#header{padding-top:16px !important;}
	

You may then want to add the dropshadow to the top of #branding instead of the top of #page-canvas, but that's up to you

[touchtalk 0]

You made my day Kate!! THANKS!!