ドロップダウンメニューがプッシュダウンされない

Question

「ソーシャル」リンクの上にマウスを置くと、ドロップダウンメニューが表示されます。表示されますが、バーに余白が多くなり、コンテンツは通常のドロップダウンメニューのようにプッシュダウンされません。ここにjsfiddleがあります。返信してくれてありがとうございます。 jsfiddle

body { 
    padding: 0; 
    margin: 0; 
    overflow-y: scroll; 
    font-family: Arial; 
    font-size: 18px; 
} 

#nav { 
    background-color:#222; 
} 
#nav_wrapper { 
    width: 960px; 
    margin: 0 auto; 
    text-align: left; 
} 
#nav ul { 
    list-style-type: none; 
    padding: 0; 
    margin: 0; 
    position: relative; 
} 
#nav ul li{ 
    display:inline-block; 
} 
#nav ul li:hover { 
    background-color: #333; 
} 
#nav ul li a,visited{ 
    color: #ccc; 
    display:block; 
    padding: 15px; 
    text-decoration: none; 
} 
#nav ul li a:hover { 
    color:#ccc; 
    text-decoration:none; 
} 
#nav ul li:hover ul { 
    display:block; 
} 
#nav ul ul{ 
    display:none; 
    poisition:absolute; 
    background-color: #333; 
    border: 5px solid #222; 
    border-top: 0; 
    margin-left: -5px; 
    min-width: 200px; 
} 
#nav ul ul li{ 
    display:block; 
} 
# nav ul ul li a,visited{ 
    color: #ccc; 
} 
#nav ul ul li a:hover{ 
    color:#099; 
} 

Answer 1

これは、それを修正します：

#nav ul ul{ 
    display:none; 
    position:absolute; 
    background-color: #333; 
    border: 5px solid #222; 
    border-top: 0; 
    margin-left: -5px; 
    min-width: 200px; 
} 

positionている問題が間違って綴られています。

Answer 2

の代わりに：

position:absolute; 

あなたがライン＃44にタイプミスがあり

poisition:absolute; 

https://codepen.io/Karadjordje/pen/oYarzW