border-collapse and outerWidth

Demonstrates issue with border-collapse:collapse and jQuery's outerWidth()

HTML

<table style="border-collapse:separate">
    <tr>
        <td>Hello</td>
        <td>Worldh</td>
    </tr>
</table>

<table style="border-collapse:collapse">
    <tr>
        <td>Hello</td>
        <td>Worlgggd</td>
    </tr>
</table>

CSS

td { width:80px; background-color:#dfd; border-right:1px solid black; }

table, p { margin-bottom:8px; }

JavaScript

var tables = $("table");
var outputs = $("span");

for (var i = 0; i < tables.length; ++i) {
    var t = tables.eq(i);
    var tdow = t.find("td").outerWidth();
    $("body").append("<p>" + t.attr("style") + " td outerWidth == " + tdow);
}