[B@rmaley.e><e]

я считаю неправильным

Я тоже считаю это как минимум нелогичным.
Но 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>

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