Problem:
IE not rendering www.glidingswans.co.uk horizontal menubar as planned. Firefox, Safari and Chrome all render as planned.
I have a horizontal menubar in a div. The div has a full width background image of a purple bar.
Planned:
- Mouse hover / item selected - the menu items should show a grey background image and black text.
- When the item is not selected / mouse hover - the purple bar background image should show with white text.
Actual IE rendering:
- When item not selected / mouse hover - the purple bar is not showing, a white block is showing.
Recent changes:
I recently made some changes to the top right hand corner of the pages. In each page I inserted a right floating div (into the header div) with a page specific ID selector to hold a background image. I then inserted a transparent gif in the div (to deter right click coping of the images). Prior to that the image had been inserted in the header div, to the right of logo div.
The site was rendering fine in all above browsers until I made this change.
I would be grateful of any help.
