Как при свойстве overflow-x auto отобразить дочерний элемент над элементом?

Question

[denism300]

Есть блок

<div class="wrap">
    <span class="icon">...</span>
    <div class="content">...</div>
</div>

.wrap {
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
}
.icon {
    position: absolute;
    left: 0;
    top: -25px;
}

Проблема в том, что блок .icon не отображается. Если выключить у .wrap свойство overflow-x: auto, то все ок.
Как исправить?

Comments

[Ankhena]

Очевидно, сделать так, чтобы иконка была внутри блока, а не снаружи. Например, с помощью паддинга.
Вероятно, в этом случае можно будет заодно и избавится от абсолюта, расположив всё гридом.