I am using css to get tool tips on images: http://www.my-plague.net/hover.php It works exactly how I want it to in Firefox, with the tool tip just under the image. However in IE and Opera the tooltip appears on the image. The css used is on the page as well. The unusual thing is that Opera and FF are usually the same and IE the one that things don't work in. This time Opera doesn't work as well. Can someone help me out please
the tooltip probably is based in javascript rather than CSS, CSS is always different in different browsers
The same css don't display the same layout in different browsers . Tricks and css skills must be applied to let they look the same in different browsers .
Not tested. You have failed to use a DTD, which puts IE into silly mode and puts Opera into IE-wannabe mode. IE requires that an AP's positioned ancestor have layout. You may do this by first making the ancestor {display: inline-block;}, then resetting it to whatever it should be. a.info { display: inline-block; } a.info { display: inline; } Code (markup): Note that your markup is invalid. <body> may not have an inline child element. cheers, gary