Hi!
I have created a simple language selector in a webpage. Clicking either on "EN"
or "DE" forwards the user to the English or German version of a webpage.
I use the following CSS code:
/* language DIV - it's positioned inside relatively positioned #header */
#lang {
position: absolute;
top: 10px;
right: 20px;
width: 150px;
}
#lang a {
color: #FFF;
text-decoration: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 50px;
height: 32px;
text-indent: -9999px;
}
#lang a span {position: absolute; top: -9999px; right: 20px;}
#lang a:hover span {position: absolute; top: 50px; right: 0;}
#lang #en {background: url(/img/lang-en.gif) top left no-repeat;}
#lang #de {background: url(/img/lang-de.gif) top left no-repeat;}
...combined with the following html:
<div id="lang">
<a href="/en/" id="en">EN<span>English Version</span></a>
<a href="/de/" id="de">DE<span>Deutsche Version</span></a>
<!--language--></div>
But IE does not display the lines "English version" or "German version", when I
mouseover the words EN / DE. In Firefox all's OK, as expected... What am I
missing here? I double-checked everything...
Michel
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
