CSS LI position: relative for mixed heb + number is not shown properly

Hello,
For IE use only.
Please look at the attached html code (also a gif snapshot attached).
There seems to be a problem in displaying the first <LI>.
It happens for text that contains Hebrew letters + number.
How can it be solved?
Thanks, Aryeh.
<html>
<head></head>
<body>
  <UL>
    <LI style="position: relative">¿¿¿¿02</LI>
    <LI style="position: relative">This is OK</LI>
  </UL>
</body>
</html>

Open in new window

html-code-snapshot.gif
tuchfeldAsked:
Who is Participating?
 
remorinaConnect With a Mentor Commented:
Now I see what you mean
This occurs only in IE6 & IE7 because Hebrew is a right to left, in IE7 it's easy to fix using an overflow:hidden as the file attached.

And I hope you're not trying to support IE6, anyway it will be much pain if you want IE6 to work, you'll need to disable the bullets and make them manually using relative & absolute positioning, or background images.


hebrew.htm
0
 
remorinaCommented:
Hi tuchfeld,
You need to save your file with encoding utf-8 and add the below meta tag under your <head>

I've attached a saved file with encoding that should work
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

Open in new window

hebrew.htm
0
 
tuchfeldAuthor Commented:
Please use EXACTLY the same heb string as I used.
and notice that the problem persists.
see attached file.
hebrew.htm
0
 
tuchfeldAuthor Commented:
OK. Thanks.
0
 
tuchfeldAuthor Commented:
A solution was not found. but the problem was acknowledge.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.