Overflow Ellipsis Tooltip

Testing Safari 6 tooltip handling for overflow ellipsis.

HTML

<div class="longtext">Long Text is way to long to display the whole thing and such.</div>

<div class="longtext" title="">Long Text is way to long to display the whole thing and such.</div>

<div class="longtext" title=" ">Long Text is way to long to display the whole thing and such.</div>

<div class="longtext" title="Some Title">Long Text is way to long to display the whole thing and such.</div>

<div class="longtext">Long Text is <em>way to long</em> to display the whole thing and such.</div>

<div class="longtext nopointer">Long Text is way to long to display the whole thing and such.</div>

CSS

.longtext {
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: navajoWhite;
    padding: 10px;
    margin-bottom: 10px;
}

.nopointer {
    pointer-events: none;
}