How To Fix Css Ie
how to fix css ie
div - css drop down menu using float need to convert to inline-block
So I have been trying to center this dropdown menu and through all my googling I have found nothing except something about inline-block instead of float but everything i try ends up screwing with the menus that drop down.
Any ideas how to fix this to inline-block?
And this is the css for the above code:
div#topnav { position:absolute; width: 100%; text-align: center; top: 37px; } #navbar { width: 99%; margin: 0; padding: 0; text-align: center; height: 0em; } #navbar li { list-style: none; float: left; } #navbar li a { margin: 0; display: block; padding: 1px 1px; text-decoration: none; } #navbar li ul { display: none; background-image:url(images/drop_mid.png);} #navbar li:hover ul { display: block; position: absolute; margin: 0; padding: 0; } #navbar li:hover li { float: none; } #navbar li:hover li a { background-image:url(images/drop_mid.png); #navbar li li a:hover { background-image:url(images/drop_mid.
0 コメント:
コメントを投稿