Кнопка выходит за пределы контейнера div, когда у нее должно быть достаточно места, чтобы поместиться внутри нее? ⇐ CSS

[Гость]

Я пытаюсь сделать вкладки в верхней части элемента div, и я пытаюсь сделать вкладку, имеющую класс .selected, выше остальных, но по какой-то причине выбранная вкладка вместо этого покидает контейнер div использования имеющегося у него пространства, которое, я почти уверен, имеет ту же высоту, что и кнопка, включая отступы и поля.

CSS:

.tabContainer { заполнение: 0; отступ слева: 10 пикселей; поле-дно: 0; высота: 35 пикселей; } .tab { граница: 0; фон: #88B7B5; граница-верхний левый радиус: 5 пикселей; граница-верхний-правый-радиус: 5 пикселей; отступ: 6 пикселей; размер шрифта: 15 пикселей; высота: 30 пикселей; поле сверху: 5 пикселей; поле внизу: 0 пикселей; } .tab.selected { высота: 35 пикселей; маржа-верх: 0 пикселей! важно; переход: высота 0,2 с, маржа-верх 0,2 с; } .tab:наведите { фон: #98cdca; переход: фон 0,2 с; } .tabContentsContainer {margin-top: 0; } .tabContents { отступ: 10 пикселей; фон: #A7CAB1; радиус границы: 10 пикселей; } HTML:

Инвентарь Местоположение ??? ??? ??? Инвентарь Изображение проблемы: