It doesn't look like that for me. Try forcing a page reload to get your latest CSS applied. CSS gets cached, so you have to force your browser to do a complete reload in order to see your style sheet changes take place.

Noticed 62 errors in your xhtml. You might want to address those so you can see if your css is valid, but you also might not want to!

I cleared the cache of my browser and reloaded the page and nothing changed.

You can visit my blog www.alkhater.net/blog and see how it looks.

I tried it with both IE and Firefox to see if the browser had anything to do with it, but the page look the same.

Thanks

its grey. its your cache.

Khalid,

I too, see the grey (in both IE and FFox).

However, I much prefer the look of:

#BlogListC {
text-align : center;
background:transparent;
border:none;
padding-top:10px;
}

And ... I think they'll be more consistent in both Ffox and IE if you add a

margin:1px

to the ul#bloglist selector. ;)

Hope this helps.

Cheers,
[url=http://randsco.com]stk[/url] :D

To: whoo,

I cleared the cache of both IE & firefox and reload nothing changed.

To: stk,

I also tried your suggestion and nothing changed.

I'm lost to why! :(

Khalid,

Frustrating, I know. Perhaps it is time to start getting radical? In FireFox, I usually go to Tools -> Options -> Clear ALL

In IE, I usually do Tools -> Interenet Options -> General -> Delete Files AND Clear History

(Sorry if you know all this already, but just to be certain. ;) )

Also, you might try clearing out your cookies. (I don't think that would help in this particular case ... but I did say radical).

Last ... try rebooting your computer.

Do you use the [url=http://chrispederick.com/work/webdeveloper/]Web Developer[/url] plugin for FireFox? It's a great way to see "real time" the CSS changes take effect on your site.

Anyway ... rest assured that the CSS file is being picked up and used for everyone else (anyway) :D

Hope this helps.

[url=http://randsco.com]-stk[/url]

I did everything you suggested except deleting the cookies which will make me lose so much, but still it's not showing any difference!

Thanks for your efforts and please continue coming with new suggestions.

Your BlogListC is being overiddden by ul#bloglist li ;)

#BlogListC {
text-align : center;
background:transparent;
border:none;
padding-top:10px;
}
#BlogListR {
text-align : right;
}

ul#bloglist {
margin:1px
padding : 0;
list-style-type : none;
padding : .5ex 0;
}

ul#bloglist li {
background-color : #FFFFFF;
border : 1px solid #000;
display : inline;
padding : 1em;
line-height: 2.2em;
}

¥

When I view the style sheet by Firefox Edit Stylesheet tool I don't see the changes I made even though I uploaded the file. When I Edit via Firefox edit CSS I get the BlogList to display exactly the way I want it. I save the file, upload it, but still no effect. When I open it again via the editor, the changes are gone. I cleared the cache, I rebooted, but still.

Still a mystery too me.

Try this, make your changes to your stylesheet and save it as new_style.css and upload it to your skins directory, then amend your skins _main.php to call new_style.css instead of style.css (or whatever the old name is)

¥

I just use CTRL and ReLoad to get new style sheets into my Firefox. Dunno why it would work for others and not kskhater. BTW the gray part is now gone, so something's changing...

Can you believe this. I deleted the .css and reload the page after clearing the history and cache and still it used the same file which no longer exist.

Then I followed ¥åßßå advise and it worked.

Thank you all.

:D