My site is showing different in Firefox than in Internet Explorer.
I'm still someone who is surfing in IE. I know ;)
For the first time, I was looking at my site with FF and I saw that the background of my posttitles are not showing correctly at all.
I thought I was designing the right standard way...
Who can point me in the right direction please ?
It has something to do with this code I suppose :
.bPostTitlepublished,
.bPostTitledraft,
.bPostTitleprivate, {
margin: 0 2px 1ex 0px;
background: #B03F1D url(title-bg2.gif) top left no-repeat;
padding:6px 6px 6px 33px;
font-weight:600;
color: #F4ECDF;
font-size: 150%;
text-decoration: none;
}
.bPostTitleprotected {
margin: 0 2px 1ex 0px;
background: #B03F1D url(title-bgprotected.gif) top left no-repeat;
padding:6px 6px 6px 33px;
font-weight:600;
color: #F4ECDF;
font-size: 150%;
text-decoration: none;
}
This site : http://www.hungryfeelings.be/
Well, the FF JavaScript Console (in the Tools menu, very useful for debugging purposes) complains about the last "," in
because it is waiting for an identifier after it.
Using a cached version of your page with the corrected styles.css seems to fix the problem, I think it's just that comma...