Css ile açılır menü yapıyorum bir soru

aşağıdaki gibi birşey deniyorum. Mouse ile açılır menünü üzerine geliyorum alt menü geliyor bitişik yaparsam alt menü üzerinde mouse olduğu sürece görünüyor dışına çıkınca görünmüyor. normal istediğim gibi. fakat ben anamenü ile arasında 30 40 px boşluk bırakmak istiyorum. açılır menü üzerinden aşağı doğru kaydırıldığında açılır menü ile aradaki boşluğa mouse gidince kayboluyor. Bunu nasıl önleyebilirim. Bu boşluğu bırakmam gerekiyor.

    <li class="acilirmenu">Ürünler
      <ul class="alt_menu">
        <li class="altmenu">Alt Menü 1</li>
        <li class="altmenu">Alt Menü 2</li>
        <li class="altmenu">Alt Menü 3</li>
        <li class="altmenu">Alt Menü 4</li>
      </ul>
    </li>

<style>
.alt_menu {display:none}
.acilirmenu:hover .alt_menu {
   display:block; position: absolute;
    top: 167px;
    width: 260px;}
.altmenu:hover {display:block;}
</style>

display:none; yerine visibility:hidden; kullanır mısınız?
Eğer olmazsa alt menü dışına bir div açın ve mouse ile üzerine gelince bu div açılsın. Alt menü divinede margin-top verdiğinize çözülecektir.

padding vermeyi deneyin.

padding denedim oluyor ama görüntü olarak istediğim sonucu vermiyor.

evet boş bir div ile dediğin gibi yaptım oldu. sıkıntı yok fakat ul etiketleri içinde boş div etiketi kullanmak yerine bunun daha iyi çözümünü arıyorum. Sence başka nasıl yapabiliriz?

Başka padding ile yapılabilir arkadaşın dediği gibi. Aklıma başka bir şey gelmiyor hocam.

padding ile olmaz

Ne yapayım hocam ne istiyorsunuz benden

varlığın yeter