#myNav, #spacer{ padding:5px 125px; height:28px; background-color:rgb(0, 153, 153); font-family:Calibri, Arial, Candara; font-size:20px; text-align:center; } #myNav ul{ margin:20px auto; padding:0px; list-style-type:none; display:inline; } #myNav li{ margin-right:20px; position:relative; display:inline-block; list-style:none; text-align:center; float:left; } #myNav ul li ul.sub1, #myNav ul li ul.sub2{ position:absolute; display:none; width:100px; text-align:center; } #myNav a{ text-decoration:none; display:block; text-align:center; color:white; } .sub1, .sub2{ display:none; width:175px; border:1px solid gray; border-radius:4px; background-color:rgb(198, 217, 236); top:0; left:0px; } #myNav > ul > li > ul > li > a, #myNav > ul > li > ul > li > ul > li > a{ font-size:18px; color:black; text-align:center; } #myNav ul li:hover ul.sub1{ display:block; } #myNav ul.sub1 li:hover ul.sub2{ display:block; background-color:rgb(198, 217, 236) width:110px; left:100px; }