CSS Help

I have the following CSS for a list:

HTML Code:

      #custom { font: 12px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                }
    

    #custom ul {
        list-style: none;
        margin-left: 0;
        padding-left: 1em;
        text-indent: -1em;
        }

    #custom li {
        list-style-image: none;
        list-style-type: none;
        }
        #custom li a:active, #custom li a:visited, #custom li a:link  {
        font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                text-decoration:underline;
        }
    #custom ul li:before {
        content: "0BB 020";
        }

At the end is the content: "0BB 020"; however when viewing the block on my site with firefox, the text "0BB 020" shows before each list item. In IE the list shows perfectly. What is the alternative?

:before, :after and many other pseudo selectors are not widespread support yet.

firefox is showing your OBB 020 BEFORE your list, as it supports it.
IE does not yet support this CSS 3 spec specification.



if you don't want anything beofre your list, remove your last statement.