plmlqydwci
New Member
For some reason this site displays fine in all browsers but IE6. In IE6 the top navigation does not display at all... Any help would be much appreciated: I have placed the code below (I had to take out image urls to post): \[code\]<div id="nav"> <ul> <li class="floatLeft" id="contact">Contact</li> <li id="about">About</li> <li id="resume">Resume</li> <li class="floatLeft" id="work">Work</li> </ul></div>\[/code\]I am using a linked css sheet with the following definitions as well:\[code\]#nav { font-family: Arial, Helvetica, sans-serif; font-size: 18px; height: 50px; width: 214px; position: absolute; text-decoration: none; list-style-type: none; left: 780px; right: auto; margin: 0px; padding: 0px; top: 52px; z-index: 800; zoom: 1;}#nav ul { margin: 0px; padding: 0px; list-style-type: none; display: block;}#nav ul li { float: left; overflow: hidden; text-decoration: none; padding: 0px; text-indent: -9000px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px;}#nav ul a { display: block;}#nav #contact a { background-position: left top; width: 43px; background-repeat: no-repeat; background-image: url(); height: 50px; text-decoration: none;}#nav #about a { width: 44px; background-image: url(); background-repeat: no-repeat; height: 50px; background-position: left top; text-decoration: none;}#nav #resume a { background-repeat: no-repeat; height: 50px; width: 43px; text-decoration: none; background-image: url();}#nav #work a { background-repeat: no-repeat; width: 44px; background-image: url(); height: 50px; background-position: left top; text-decoration: none;}\[/code\]