Увеличение шрифта при наведении смещает текст

<div class="navi_menu_male">
   <a href="">Мужская обувь</a>
   <div class="male_shoes"><p>зима</p> <p>осень</p> <p>весна - лето</p>
   </div>
</div>

.navi_menu_male {
    color:#3c3c3c;
    font-family: "Arial";
    font-size:20px;
    font-weight:700;
    position:relative;
    width:270px;
    top:37px;
    left:30px;    
}
.navi_menu_male a {
    color:#3c3c3c;
}
.navi_menu_male a:hover {
    font-size:24px;
    color:#740000;
}
.male_shoes {
    color:#3c3c3c;
    position:relative;
    font-family: "Arial";
    font-size:16px;
    font-weight:600;
    line-height: 9px;
    left:30px;
}