Weird thing is that if I add “fixed” to the background settings it lines up fine. I would prefer not to have the image fixed as looks a bit weird when the site scrolls up and down and the background image stays still
background: #fdee63 url(../images/bg.jpg) no-repeat center top fixed;
Thanks Paul - really appreciate your time looking at this.
I have removed the position: absolute. To be honest this code is code I have been using in websites for many years and probably just copied it from a tutorial or forum post. I even have it on my own website http://www.mediakitchen.co.uk/ however I guess this is the first time I have tried to use a centered background image so have never had a problem with it in the past.
Anyway enough rambling from me - thank you very much for your help fixing this.
The problem is nothing to do with the background image but the fact that you haven’t set a left co-ordinate for your absolute menu item. IE doesn’t like it when you don’t specify the co-ordinates and in a centred layout will often align the absolute element with the text centring instead.
I was going to upload an example to show you the problem as I didn’t think it was the issue you suggested. However when I stripped down my code to show a basic example, the background appears to center correctly in IE7 so guess there is something in my code causing an issue.