Sidebar - Different in IE and FF -- IE and FF never shows the same untill tweaked

Discussion in 'CSS' started by GAdsense, Feb 7, 2008.

  1. #1
    Thanks - I have one more issue in CSS

    Please see http://thewebtrafficco .com/free/ - Have a look at the right sidebar, those two lines. The thick line just needs to be made the same length as the thin.

    It shows good in IE (but the lines are not so long, I like it to show the same in both browsers - I want the lines to be as long as in FF but it should be equal in length), in Firefox it shows the thin one is long as compared to the thick one.

    I guess it has got something to do with

    /* SECONDARY NAVIGATION - vertical navigation */
    	#nav-secondary, #nav-secondary ul {position:static}
    	#nav-secondary, #nav-secondary li {list-style: none;margin: -12px;background:#fff;padding: 1px;margin-top: 1em;}
    	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
    	#nav-secondary a {line-height:1.8;background: #fff;font: bold 86% arial;}
    	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
    	#nav-secondary a:link {color:#000} 
    	#nav-secondary a:visited {color:#000} 
    	#nav-secondary a:hover {color:#c00;background: #fee;} 
    	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
    	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}
    Code (markup):

     
    GAdsense, Feb 7, 2008 IP