How can I put a colored background behind a line of text with a width that is some number of pixels and not related to the width or character spacing of the text.
So, I have a list of file names and I want to add a sort of a bar graph that shows how big the file is, but I don't want to take up any space in the listing. I have a nice little yellow span with a width that follows the file size, but it shows up after the file name and not behind the file name.
If I do absolute position and the window is resized causeing something above the list to wrap, don't I have to recalculate all the absolute positions? I want the position to be 0,0 relative to the start of each file name.
browser compatibility would be nice but I'll accept an IE only answer.