B@rmaley.e><e,
Это никак не объясняет следующего поведения:
Демагогию разводить все горазды, но такое поведение я считаю неправильным. Попробуй обосновать свою точку зрения, потому что до этого момента ты только безосновательно попрекаешь меня что якобы я не прав, что решил верстать на css, типа css для этого не подходит.

Я тоже считаю это как минимум нелогичным.
Но HTML таков, что элемент (с width: auto, которое является значением по-умолчанию) занимает всё доступное ему место. А доступно ему всего 100 (не более, чем у родителя).

Можно сделать так:

<style>
.item {
    display: block;
    width: 100px;
    height: 100px;
    overflow: auto;
    border: 1px solid black;
    position: relative;
}
.plus {
    position: absolute;
    top: 0; left: 0;
    display: block;
    float: left;
    height: 17px;
    width: 17px;
    border: 1px solid blue;
}
.title {
    position: absolute; top:0; left:17px;
    background: red;
    white-space: nowrap;
}
</style>

<div class="item">
  <div class="plus"></div><div class="title">Длинный Заголовок</div>
</div>

Но это какой-то хак.

В общем забил делать только через CSS, хоть конструкция B@rmaley.e><e и работает, но у меня верстка сложнее и это я привел упрощенный вариант, а в верстке она незначительно расходиться в разных браузерах и портит внешний вид.

Всем спасибо за участие.