Subscriptions wrote:
> http://www.buckeyeinstitute.org/podcast/
>
> After loading the page, simply press CTRL-A and you'll see the ghost
> rectangles on the left and on the bottom. They match up with the menu
> div on the left and the content div on the bottom.
Looks kind of as expected from reading through your stylesheet.
Note that 'top: ?? / left: ??' on an element with 'position: relative'
doesn't really move the element - it _offsets_ it visually from its
original position _without removing_ its _space_ from the original
position.
I think that's where those "ghosts" come from - those elements still
occupy space in the original positions, even if it _looks like_ they
have been moved.
Combine that with IE6' incorrect 'overflow' handling, where 'position:
relative' makes an element visible over the edge of a parent with
'overflow: hidden' declared on it, and I think IE6 is found to behave
buggy but pretty much as expected in that it won't hide the "ghosts".
If you don't want to leave any "ghosts" behind, then you may try
_moving_ those elements with 'margin-top: ?? / margin-left: ??' instead,
as 'margins' move the element _away from_ the original space - not just
offset them visually.
Using 'position: absolute' with 'top: ?? / left: ??' is another
alternative that won't leave any "ghosts".
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
