table captions and borders

[dfloss]

Using this css:

table.mytable.caption {
background: url(image.jpg) no-repeat;
background-position: 100% 0;
}

....the caption is aligned with the table border in IE6, but before the
border in Firefox 2.0.

Any thoughts?

 

[dfloss]

table.mytable caption {

 

[Ben C]

Using this css:

table.mytable.caption {
background: url(image.jpg) no-repeat;
background-position: 100% 0;
}

...the caption is aligned with the table border in IE6, but before the
border in Firefox 2.0.

The spec says it should be aligned with the box's "padding edge", which
is just inside the border. So it sounds like Firefox is right and IE6
wrong.

 

[dfloss]

The spec says it should be aligned with the box's "padding edge", which

is just inside the border. So it sounds like Firefox is right and IE6
wrong.

It could well be. After a bit of searching, I found a solution on these
pages:

http://www.thescripts.com/forum/thread491674.html
http://www.aurora-il.org/table_test.htm