Dotted lines do not look right in IE

Partners:

Threaded Mode | Linear Mode

Dotted lines do not look right in IE

Author Message

online.education

Bronze Junior Member

Group: Members
Posts: 38
Joined: Jul 2007
Status: Offline
Reputation: 0
SD$: 39

Post: #1

Dotted lines do not look right in IE

I have the following CSS:

Code:

#idListLeft {

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}

#idListLeft li {

    background-color: #3A3A3A;

    border-top: dotted 1px #ffffff;

    display: block;

    margin-left: 10px;

    color: #A2A2A2;

    font: bold 9px/37px Verdana, Arial, Tahoma, Georgia;

    text-decoration: none;

    text-transform: uppercase;

    width: 155px;

}

#idListLeft li a {

    color: #A2A2A2;

    font: bold 9px/37px Verdana, Arial, Tahoma, Georgia;

    text-decoration: none;

    text-transform: uppercase;

}

Basically, I want to create dotted lines between list items instead of regular lines. This looks perfect in Firefox. Each dot is 1 pixel wide(?). But, in IE, this looks pretty horrendous. Each dot takes up like 3 or 4 pixels. How can I fix this? Is there a way to fix this only using CSS?

online.education

01-22-2008 07:40 PM

« Next Oldest | Next Newest »

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites