I need help building a stretching 100% width header. The problem is that the header-image looks different at the left and right ends. It looks like this.
My (nasty?) attempt has been to use three divs. Two for the two stretching ends and one for the mid. You’re able to see my attempt at lyf.dk/wp.
I’ve made the two ends have 48% width and float:left/right respectively (spelling). Now, I’ve just dropped supporting IE6 with this one but I can’t get IE7 to follow either.
It renders the two ends fine but the mid-header below instead of on top. How can I achieve this? If I set position: absolute; I can’t center it. If I use <body> instead of a seperate div for the mid-header its below the two ends so that doesn’t work either.
Any help would be greatly appreciated (even for IE6 should anyone have the time surplus of life I lack today.)