[css-d] Possible 3 Pixel Jog Problem

[Ketan M. Vakil (518-506-6812)]

Hi. I am having a problem with the content on pages with longer copy  
only inside  #content in a <p> element. It certainly looks like the 3  
pixel jog error with the left nav which is floated to the left.  
Oddly, it does not show up on pages with shorter copy.

For example, this page shows the jog in IE5/6:
http://dev.ketanvakil.com/blueslate/about/team/richard_barnett.html
This one, with shorter copy, does not:
http://dev.ketanvakil.com/blueslate/about/methodology.html
(the float right piece seems to have nothing to do with it, as I have  
removed it on longer copy pages and the problem still appears)

I tried applying the fix for the jog, but to no effect.
For example:
/* MAIN CONTENT */
#content {margin: 12px 0 10px 170px; border-left: 1px dotted #606f84;  
padding: 5px 0 0 25px; max-width:700px; min-height:250px;}
#content .h2 { margin: 0 0 10px 0; color:#6b86aa; font-weight:bold; }
#content p { margin: 0 10px 0 0; padding:0 0 10px 0; font-size:.70em;  
max-width:700px; }
#content a {color: #0f3689; text-decoration:underline;}
#content a:hover {color: #5c5d5f; text-decoration:underline;}

/* Hide from IE5-mac \*/
* html #leftnav {
margin-right: 7px;
}
* html #content p {
height: 1%;
margin-left: 0;
}
/* End IE5/mac hide */
Thanks in advance for any assistance!
-Ketan
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/