assigned background image on Links not displayed in IE7?

I am not seeing the background images I assigned to links in IE7. here is my CSS code

a#tdown, #crumbs a  {font-weight:bold;padding-right:12px}
#crumbs a {background:url('images/arrow.gif') right no-repeat;text-decoration:none}
a#tdown {background:url('images/arrowdown.gif') right no-repeat}

Code (markup):

It works with FireFox and I'm starting to wonder if something is wrong with my IE7 browser because I always thought this would work in IE too.

your thoughts are appreciated
thanks

 

Well, you aren't declaring a valid positioning for starters. Positions on backgrounds MUST include both horizontal and vertical, and by the specification must be the same metric. That should be "top right" or "middle right" not just "right" - that's invalid CSS.

#tdown, 
#crumbs a  {
	font-weight:bold;
	padding-right:12px;
}
#crumbs a {
	background:url('images/arrow.gif') top right no-repeat;
	text-decoration:none;
}

#tdown {
	background:url('images/arrowdown.gif') top right no-repeat;
}

Code (markup):

Also, are those anchors set to float, display:block or display:inline-block? If not you are going to have headaches from hell trying to get the images to align the same cross browser.

(and why the **** do people format CSS like that?)

 

thanks, it's working fine now.

the anchors are floating left, and I've positioned the images with negative margins (yeah it was a pain in the...).

my stylesheets usually turn out pretty large, that's why I format like this, so I won't have to scroll down that much.

 

Huh? I read somewhere that if you say just "left" that the second position is assumed by browsers to be "center". Is that wrong?

 

BY THE SPECIFICATION you can specify just one, by the way IE works you cannot. I kind of misworded the above in that by the spec they do have to be the same metric, but thanks to IE you have to specify both directions. If you specify one and not the other, IE treats the entire line as invalid.