Problem with threadbit_background variable

[Mr. P]

I am trying to edit this variable and I can edit it fine except for one problem. It isnt consistent between IE and other browsers. I have two options as follows:

I can make the Background Color:
url(http://www.siteaddy.net/images/bk2.png)
- With this the background image shows properly across the threadbit in IE, but doesnt show up at all and leaves the area transparent in every other browser.

I can also make the Background Image:
url(http://www.siteaddy.net/images/bk2.png)
- With this the background image shows up in every browser except for IE.

I can try to have the same value in both and in that case I am back to having the background image only working in IE.

Has anyone seen a problems like this? I would really like to have my site be fairly consistent across all browsers.

:edit: removed my site address and replaced with random example address so as not to seem as though I am spamming my site...

[Lynne]

Use the background property, instead of just background-color or background-image, and put in a color and an image.

[Mr. P]

Background property ... I don't see just a background property.

This is what I am looking at:



This is an example of where on my site it isnt working out correctly. Please look at it in IE then Firefox/Chrome/Opera or whatever: http://www.aspectgamers.net/forumdis...hp?2-Off-Topic

[Lynne]

You didn't say you were using stylevars. You should not have a url entered where the color goes though.

I don't have IE, so I really can't help much more except to say that if you use a url in the background property, you also need a color.

[Mr. P]

Well that is the really odd thing. I know I am not supposed to have a URL there. However if I do not have that URL there then the background doesnt show up in IE. Inversely, when I do have that in the color section the background does show in IE but not other browsers. It is a very odd problem indeed.

:EDIT:

Also, to note. I do not have this issue with any other background I have set on any other part of the site. Just this one particular variable. In the mean time I can just use a color rather than the transparent background image I wanted to use ... but I would MUCH prefer to have the transparent background there aswell so it fits in better with the rest of my site. I will keep poking around and whatnot. I wonder if this could be something I could correct by directly editing a template

[Lynne]

I'd suggest looking at the difference in the CSS for the IE browser versus the firefox browser. Or, if there is no difference, the just looking at the CSS. What class is it that applies the background?

Taking a quick look at the threadlist-ie.css template, I'm guessing this may have something to do with it and you may want to modify it:

.threadbit .nonsticky, .threadbit .discussionrow {
    background: {vb:stylevar threadbit_background.backgroundColor};
    _background-image: none;
    position: static;
}