I have the following html code;
<div id="mainnav">
<ul>
<li><a href="index.html" title="Home Page">Home</a></li>
<li><a href="html/about.html" title="About">About</a></li>
<li><a href="html/contact.html" title="Contact
Information">Contact</
a></li>
<li><a href="html/catalog.html"
title="catalogs">Catalogs</a></li>
<li><a href="html/msds.html" title="Material Safty Data
Sheet">MSDS
Sheets</a></li>
</ul>
</div>
I have the following css code;
#mainnav {
font-weight: bold;
font-size: 14px;
width: 900px;
float: left;
padding-left: 15px;
padding-right: 15px;
}
#mainnav ul {
margin: 0
padding: 0
list-style-type: circle;
list-style-image: none;
}
#mainnav li {
padding-left: 15px;
padding-right: 15px;
float: left;
background: url(images/rightedge.gif) no-repeat top right;
margin-left: 1px;
margin-right: 1px;
}
#mainnav a {
display: block;
background: url(images/leftedge.gif) no-repeat top left;
padding: 3px 6px;
color; efff;
}
My problem is that no matter what I put in the list-style-type I
always get the 'disk'.
I am testing this on my desktop which is running Ubuntu 9.04, browser
is
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.4pre) Gecko/20091006
Ubuntu/9.04 (jaunty) Shiretoko/3.5.4pre
is this a problem in my html or css or a bug of the browser
Thanks
Len
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
