The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

[resolved] Header ul navigation horizontal menu goes vertical in IE6 & IE7 (3 posts)

  1. silis25
    Posted 4 years ago #

    I have a UL horizontal menu for the pages menus and it works fine in IE8, Chrome & Firefox.
    But IE 6 & IE 7 make the buttons go vertical instead of horizontal.


    <div id="header">
    <div class="inside">
    <div class="logo"><a href="http://www.letthemstare.com"><img src="http://www.letthemstare.com/wp-content/themes/letthemstare/images/logo.gif" border="0" alt="Blog Logo" /></a></div>
    <ul id="navigation">
    <li><a href="http://www.letthemstare.com">Home</a></li>
    <li class="page_item page-item-93"><a href="http://www.letthemstare.com/press/">Press</a></li>
    <li class="page_item page-item-90"><a href="http://www.letthemstare.com/about/">About</a></li>
    <li class="page_item page-item-96"><a href="http://www.letthemstare.com/contact/">Contact</a></li>
    #header ul#navigation {
    	width: 300px;
    	list-style: none;
    	margin: 0 auto;
    	padding: 0;
    	padding-top: 15px;
    	padding-bottom: 0px;
    ul#navigation li a {
    	color: #000;
    ul#navigation li a:hover {
    	color: #d33300;

    Any help would be greatly appreciated.
    Thanks and regards,

    Kfir Silis

  2. Michael
    Forum Moderator
    Posted 4 years ago #


    your styles seem to be missing something comparable to:
    #navigation li {display: inline; }

  3. silis25
    Posted 4 years ago #

    Very fast response and your fix worked just great !!!
    Thank you :)

Topic Closed

This topic has been closed to new replies.

About this Topic