Jed Arnold wrote:
> I'm working on a site and wanted to make the default page more
> dynamic by adding CSS image pop-ups to my <h1> links. I adapted code
> from Nathan Smith's HoverBox technique.
>
> My code is working fine in FF, IE 7/Win, Opera and Moz, but IE 6/Win
> is giving me a problem. The images (initiated by a:hover) are staying
> on the screen in IE6.
>
> The images are squashed, I haven't loaded new size-specific images
> yet.
>
> The site can be viewed here,
> http://the1912gallery.ehc.edu/music/newsite/textlinktest.html. The
> CSS is embedded.
>
> Any ideas or help?
>
>
>
> Thanks in advance.
>
> Best,
> Jed
Using Nathan's IE fixes, you may add the following lines to the 'head' and
the rest in an external stylesheet.
<!--[if IE]>
<link rel="stylesheet" href='css/ie_fixes.css' type="text/css"
media="screen, projection" />
<![endif]-->
/* =Internet Explorer Fixes
----------------------------------------------------------------------*/
.hoverbox a
{
position: relative;
}
.hoverbox a:hover
{
display: block;
font-size: 100%;
z-index: 1;
}
.hoverbox a:hover .preview
{
top: -38px;
left: -50px;
}
.hoverbox li
{
position: static;
}HTH
--
Jehangir Larry
______________________________________________________________________
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/
