How to displaying LI background image in IE?

Hi,

I am creating a skin with a menu based on the TopTabsB skin.
I have a strange issue with displaying the LI background image (TabLeftLevel0.gif) in IE.
It is showing up in Firefox.

You can see what I mean here:  http://teamvnext.com.dnnmax.com/ (view with Firefox first, then IE)

When checking the syles applied to the LI using the IE Dev Toolbar, i see 'LI class=First-Child  SelectedTab Level0 id=ParentTabs54', and the background is set as:

BACKGROUND: none transparent scroll repeat 0% 0%;

I have set the background image in CSS using the following code (the same way as the css code from the TabsNavB skin),

#ParentTabs li{
    float: left;
    margin: 0;
    display: inline;
    padding: 0 0 0 2;
    padding-left: 0; 
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 12px;
    background:url("images/TabLeftLevel0.gif")no-repeat left top;

I have been digging into this for at least a day and I have no clue what I am doing wrong....

Your help is very much appreciated.

Thanks!

With kind regards,

Alex

Try removing the quotes from the background rule:

  background:url(images/TabLeftLevel0.gif) no-repeat left top;

Hi, thanks for your reply John.

I fixed it using the 'trial and error' approach by copying and then removing pieces of the original code from the TopTabsB skin. Not sure what fixed it, but it works now.

Kind regards,

Alex