Using css but having these browser issues

Question

Hello
Wondered if you might have any fix for the following...I've
tried several forums and a couple of css people but no one seems to
have an answer other than bugs in the browser. But surely there is
a way...
If you go to
http://www.enhancedwireless.net/Company/TEST.shtml
and rollover the first "(ODMA)" you should get a gif css pop up
which works great in FF, IE6/7 and Netscape (PC and MAC). But in
Safari (any version) and latest Opera (PC and MAC) the pop up is
fragmented and won't go away, breaks up. Would love a suggestion on
a fix...
And I have a swf file css pop up which again works great in
FF and Netscape, even Safari, but not in IE 6 where the pop up
won't go away (and even multiplies when you scroll) and IE 7 where
a strange white "flash" appears over the entire page each time you
mouseover the "(71 countries)".
Just rollover "(71 countries)" -
http://www.enhancedwireless.net/Technology/patentPortfolio.shtml
So my two questions are:
1.) how to fix the image css pop up for Safari and Opera
2.) how to fix the swf css pop up for IE 6/7
I know I could adapt a javascript code out there but was
hoping to do this with simplicity using css - any way?
Thanks very much for your time
KB

Answer 1

I think you have just chosen a hinky way to implement that
CSS 'rollover'.
And you have so much unecessary/redundant CSS in your rules,
it's a little
difficult to sort out what's happening.
Take a look at this page -
http://66.165.80.209/page2test.php
where I have
done something similar, and see if you can understand what's
going on.
The menu links contain an absolutely positioned <span>
containing a
transparent GIF image. The background image of that span is
the door. The
CSS rollover produces the swap. Positoining your rollover
image on the page
you linked should work when applied in the same way, don't
you think?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"iwics2" <[email protected]> wrote in
message
news:[email protected]...
> Hello
>
> Wondered if you might have any fix for the
following...I've tried several
> forums and a couple of css people but no one seems to
have an answer other
> than
> bugs in the browser. But surely there is a way...
>
> If you go to
http://www.enhancedwireless.net/Company/TEST.shtml
and
> rollover
> the first "(ODMA)" you should get a gif css pop up which
works great in
> FF,
> IE6/7 and Netscape (PC and MAC). But in Safari (any
version) and latest
> Opera
> (PC and MAC) the pop up is fragmented and won't go away,
breaks up. Would
> love
> a suggestion on a fix...
>
> And I have a swf file css pop up which again works great
in FF and
> Netscape,
> even Safari, but not in IE 6 where the pop up won't go
away (and even
> multiplies when you scroll) and IE 7 where a strange
white "flash" appears
> over
> the entire page each time you mouseover the "(71
countries)".
>
> Just rollover "(71 countries)" -
>
>
http://www.enhancedwireless.net/Technology/patentPortfolio.shtml
>
> So my two questions are:
>
> 1.) how to fix the image css pop up for Safari and Opera
> 2.) how to fix the swf css pop up for IE 6/7
>
> I know I could adapt a javascript code out there but was
hoping to do this
> with simplicity using css - any way?
>
> Thanks very much for your time
>
> KB
>