CSS border line problems in IE - Firefox works fine
Hi there, Can I ask for some help please.
I have set up a link list (Side Menu) on a web site I am currently designing, at the bottom of each link in the list I want a line to break the list up, I can get it to work just fine in Firefox, Opera and Safari, but the little pesky Internet explorer just won’t put the line completely to the left hand edge, it leave the bullet and starts the line at the start of the word.
Any advice/help would be very helpful at this point.
Thanks in advance.
John
Header information:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
Here is the code as it stands.
ul.side {
border-bottom: #aaaaaa solid 1px;
display:block;font-size: small;
font-weight:normal;
color:#444444;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin-top:0px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom:0px;
}
li.side{
list-style-type: disc;
font-size: small;
font-weight:normal;
color:#444444;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top:0px;
margin-bottom:0px;
padding-top: 0px;
padding-bottom:0px;
}
li.side a {
text-align: left;
font-weight:normal;
text-decoration:none;
font-size:small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #008800;
}
li.side a:hover {
text-align: left;
font-weight:normal;
text-decoration: underline;
font-size:small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000FF;
}
CSS Codes
Reply With Quote
Originally Posted by Medyman
Bookmarks