need css debugging help please — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

need css debugging help please

This page's ID: 10958

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	[url=http://www.patricdesign.com/clients/cc/xphp/]http://www.patricdesign.com/clients/cc/xphp/[/url] I am currently working on this site. Progress is smooth, i am mostly ironing out bugs to make it validate as 100% XHTML. The css already validates fine. However there is a problem: The navigation div on the left is supposed to have a 20px margin all around it. When i test the page locally, the css is fine and the page is displayed correctly (including the 20px margin of the navi div). However as soon as I upload the site to the server the #navi div gets "fat" and extends further to the right than it should. This is mainly an IE6 issue as the site displays just fine in Mozilla, NutScrape 7 and Opera 6 & 7. What have i done wrong? Where is the bug? And why does css come out different when it is on a server? Here's the #navi css: [code] #navi { position: absolute; top: 94px; left: 0px; margin: 20px 20px 20px 20px; border: 5px solid #fff; background: #336; padding: 0 0 0 0; font: 12px/20px verdana, arial, helvetica, sans-serif bold; color: #333; width: 150px; voice-family: "\"}\""; voice-family:inherit; width: 150px; } html>body #navi { width: 140px; } #navi ul { list-style: none; margin: 0; padding: 0; border: none; } #navi li { border-bottom: 1px solid #fff; margin: 0; } #navi li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #336; border-right: 10px solid #336; background-color: #336; color: #fff; text-decoration: none; width: 120px; font-weight: bold; } html>body #navi li a { width: auto; } #navi li a:hover { border-left: 10px solid #f90; border-right: 10px solid #f90; background-color: #336; color: #f90; } [/code] EDIT: I have previously changed the width: auto; definition of the #navi li a selector to width: 120px; in an attempt to fix the issue - unsuccessfully. <´¯`·.¸ Patric ¸.·´¯`> [This message has been edited by patric design (edited 04-23-2003).] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu