innerHTML fehler im IE

[dave]

Hi,

in etwa so:

HTML:

<ul>  
  <li data-lang="Deutsch">Deutsch</li>  
  <li data-lang="English">English</li>  
</ul>

CSS:

ul {  
  position:relative;  
  padding-top:20px;  
}  
li {  
  text-indent:-999px;  
  display:inline-block;  
  width:[[gewünschte Breite]];  
  height:[[gewünschte Höhe]];  
  background:url(pfad/zum/icon/sprite) no-repeat;  
}  
li[data-lang=Deutsch] {  
  background-position:0 center;  
}  
li[data-lang=English] {  
  background-position:-[[Höhe des Icons]] center;  
}  
li:hover::before {  
  content:"Sprache: "attr(data-lang);  
  position:absolute;  
  top:0;  
  left:0;  
}

~dave