Cделать блок-ссылку по размеру блока-родителя

@ilyatr · Регистрация: 02.12.2016

Author24 — интернет-сервис помощи студентам

Добрый день. Не получается обрезать блок-ссылку по размеру блока-родителя.
получается что блок-ссылка по размеру ниже (заходит на картинку).
как можно его обрезать? пробовал background-size: cover, но не помогло.

HTML5

<header>
        <div id="logo">
            <img class="logotip" src="image/orel.jpg">
                <p class="log1">ООО КСХП<br>
                "Старопавловское"</p>
        </div>
        <div id="catalog">
            <a href="catalog.html">
                Каталог<br>
                продукции
            </a>
        </div>

CSS

header {
    width: 100%;
    height: 120px;
    background-color: #db972e;
    position: relative;
}   
 
#catalog {
    position: absolute;
    margin-left: 25%;
    width: 25%;
    height: 120px;
    background-color: #e0dada;
    border-right: solid 1px #eee8e7;
    z-index: 2;
    
}
 
#catalog a {
    display: block;
    text-decoration: none;
    font-size: 32px;
    color: #5a5a5a;
    font-family: times new roman;
    text-align: center;
    height: 120px;
    margin: 0;
    padding-top: 22px;
}
 
#catalog:hover { 
    background-color: #fffdfb;
}

заранее спасибо за ответы)

сайт: ksxp.ru

@mrtoxas · 05.12.2016, 12:44

CSS

1
2
3

#catalog {
    overflow: hidden;
}

@ilyatr · 05.12.2016, 12:57 **[ТС]**

Спасибо. все красиво)

@ilyatr 0 / 0 / 0 Регистрация: 02.12.2016 Сообщений: 27
	05.12.2016, 12:57 [ТС]	3
	Спасибо. все красиво) 0