Need help with IE vs Firefox css code (IE fix)

Discussion in 'CSS' started by Taryn444, Oct 16, 2007.

0
  1. #1
    Ok, the nav looks great in Firefox... as usual. But i can't figure out what to put as a fix for IE. Here is the website link... http://www.peekwebdesigns.com/portfolio.htm


    Here is my css code:

    ul.nav{
    display: table;
    }

    ul.block{
    width: 100%;
    table-layout: fixed;
    }

    ul.nav>li{
    display: table-cell;
    position: relative;
    padding: 2px 20px;
    }

    /*
    ul.nav>li:hover{
    padding-right: 1px;
    }*/


    ul.nav li>ul{
    display: none;
    position: absolute;
    max-width: 40em;
    margin-left: -20px;
    margin-top: 2px;
    padding: 2px 5px;
    }

    ul.nav li:hover>ul{
    display : block;
    }

    .nav ul li a{
    display: block;
    padding: 2px 10px;
    }

    /*Menu styles*/

    ul.nav, .nav ul, .nav ul li a{
    background-color: #fff;
    color: #3C1E00;
    }

    ul.nav li:hover, .nav ul li a:hover{
    background-color: #fff;
    color: #3C1E00;
    text-decoration: underline;
    }

    ul.nav li:active,
    .nav ul li a:active{
    background-color: #A85400;
    color: #fff;
    }

    ul.nav,
    .nav ul{
    border: none;
    }

    .nav a{
    text-decoration: none;
    }
     
    Taryn444, Oct 16, 2007 IP
  2. le_gber

    le_gber Peon

    Messages:
    28
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You should use floats and margin padding on the ul/li to achieve this not table display. You should also remove your table/tr/td tags alltogether - we're in 2007 :)
     
    le_gber, Oct 16, 2007 IP