I'm far from a css expert and I'll probably have to ask a few questions
before I finish this project.
But the gist of my problem is that I can't figure out how to have firefox
render my css UL/LI styles. Mainly the problem is getting the margin right.
Currently I have a big gap on the left with firefox, plus it displays both
the custom image and the original <LI> image.
Here's a bit from my stylesheet with the typical problems in firefox:
---------------------
<!-- NAV FOR LEFTSIDE WITH FOLDER IMAGES -->
#leftnavlist
{
margin-left: 7px;
margin-top: 2px;
margin-bottom: -1px;
padding: 0;
list-style: none;
}
#leftnavlist li
{
padding-top: 0px;
padding-bottom: 0px;
padding-left: 20px;
background-image: url(/images/folder.gif);
background-repeat: no-repeat;
background-position: 0 .0em;
border-bottom-color: #FBB3D7;
border-bottom-style : ridge;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
}
#leftnavlist ul { list-style: none; }
<!-- END LEFT SIDE NAV -->
---------------------
And the site is here:
www.poodle-oo.com
I haven't even looked at opera yet but I guess I'd better get on it.
Thanks for any suggestions -- I was halfway wondering if I should serve up
different stylesheets for the two different browsers.
- blake
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
