CSS problem in Internet Explorer

Hi!

I'm having a problem with the CSS on a webpage. I'm using an ordered list, and in chrome and firefox the numbers show fine. However, in Internet Explorer the numbers do not show up at all.

Can anyone please help me figure this out?

Here's the page: http://goinspire.com/10-places-dont-want-stay-visiting-israel/

Thanks!
LVL 10
etech0Asked:
Who is Participating?
 
GaryConnect With a Mentor Commented:
Ok, just realised you have separate OL's
Remove the inside declaration and leave it as outside.
To your first OL add
width:380px;
display:inline-block;


@duncanb7
Do not be telling people to make their code invalid - every element needs to be closed.
And http://sscce.org/  is irrelevant here - he has posted his website link
0
 
GaryCommented:
Change/set the list style position to inside (not outside)
0
 
duncanb7Commented:
taking </li> for all li tags, it will work for IE

<!doctype html>
<html lang="en">
    <head>
        <title>li question</title>
    </head>
    <body>
        <ol>
            <li>Item 1
            <li>Item 2
        </ol>
    </body>
</html>

Open in new window

Take a look at this article if have time
http://sscce.org/
0
 
etech0Author Commented:
Gary: That fixed it! Thanks...
One more question: now, the second line of the li items is not indented correctly - I don't want to see the words under the numbers. How do I fix that?
Thanks!
0
 
etech0Author Commented:
All fixed - thanks for your help!
0
All Courses

From novice to tech pro — start learning today.