Question

I am completely baffled by this and don’t fully understand IE7’s problem. The page in question is here and I’m talking about the top grey menu bar. On all other reasonably modern browsers it looks just fine. On IE7 (and possibly IE6 too, but we don’t support that) the div.navArrow element having float:right gets pused all the way to the right, making the parent element <li> take up the remaining width of the page.

I’m not sure where to start in fixing this. Any ideas please?

Answer 1

I have actually fixed this by applying an special css for IE7 and below. I gave the parent <li> a float:right style, and div.navArrow a float:none. That seemed to do the trick.