<hr> tag and a right-aligned image

Hi,

I want to place a horizontal rule across about 95% of the width of a page, then have an image on the right end of the hr, touching the right side of the page.

If the page is resized I want the hr to be dynamic, but I still want the image to stay on the right side of the page.

Is this possible, and if so, can anyone help?

Also, Firefox shows my <hr> in black, Opera and IE6 paints them white. I can fix this using <hr color="#ffffff"> but then this breaks the validation at w3c.org

Isn't web design fun?!

Gray

 

Sounds like a stickler there. Without putting them in div's or tables, I don't think it can be done.

 

I've never tried it, but could you set the colour of the <hr> in a CSS file?

 

Yep, that's how it works in IE and Opera, just not Firefox.

Strange.

 

try background-color with the same value as color in the CSS.

Do do the positioning you want u would have to change the HR display properties, and place the HR and IMG in a DIV.