I am having some really weird problems with my float based layout in ie7 mainly relating to browser window resize.
problem 1) if i scroll the window down and then back up any borders that go offscreen dissapear, and will not re-appear without a refresh. There is a sharp line where the edge of the browser window effectively "chops" the border. Why would half of a single vertical border render and not the rest - but then come back after a refresh? This makes less sense to me than if it were not showing up at all.
problem 2) i have used a nested float layout and the contents of my "wrapper" do not stay inside their fixed width centered (
margin: o auto; ) parent div after a browser window resize - they behave as if they have
position: fixed; (they don't) staying in the same place in the browser window while the parent div moves out from underneath them. Some of the divs have position: relative applied to them because i needed a z-index added.
Once again this makes absolutely no sense to me.
i have a proper doctype - xhtml strict and css validate. Everything renders perfectly in Firefox and Opera (haven't tried safari).
I know this is a shot in the dark without code for you to look at, but unfortunately i am not allowed to show the page. If nobody has any ideas off the top of their head i will see if i can replicate the problem on a test page.
any help is greatly appreciated.