Date: 09/22/07 (WebDesign)    Keywords: browser, css, html, web

Hi, I'm new to the site though I've been watching it for a while.
I'm also relatively new at webdesign. I work under Windows XP SP2. (And I'm French, so be kind to my syntax).

I met a weird display in IE 7, images positioned with float:left are partially vanishing and reappearing when scrolling down... 'Partially' means half or a third of the picture becomes more or less transparent.

I searched the Web, found a lot of explanations about HasLayout (which I didn't really understand). Eventually the only efficient patch was to move my pictures from left... to right. Yes, they're correctly displayed now. As my young customer won't be disturbed by this solution I'll hold to it, but I'm curious...
How can this kind of problem of float/display in IE be fixed ?
I'll add the bug occures only in IE7, display is okay (with hacks) in 6, 5.5 and 5.

Second question: I had to use a table (yerk, I know, I prefer pure CSS too) because I couldn't properly fix three columns in various resolutions, browsers and versions - but when displayed in Opera (8 and 7), parts of the text are underlined (like links), but it changes when scrolling down, underlined then not underlined then again... There's no mistakes in the links, the page is xhtml validated.

Source: http://community.livejournal.com/webdesign/1313012.html