CSS Fix for IE6/7 Bug for ul where list-style-type:none

One of the biggest pain, with regards to IE6 & IE7 (and i might as well say IE8, as sometimes it defaults to compatibility), is the way it handles, list rendering (via css), i got no problem with Firefox, (i never checked with chrome or safari, i assume it ok with these 2 other browser).
Simply put, there is a white Left spacing, even though i set 'List-style:none'. See Pix Below:


Anyways, some months back, i thought i had solved the problem, but seems that i lost the fix!, HOW? i dont know, knowledge (as narrated by imam ghazali) is like a deer with a rope tied round its neck, and the other end of the rope on your hands, if you do not hold it tight, it will simply disappear, so anyways, im pretty sure i found the fix, here thanks to: Rofikul Islam Shahin's post (CSS : <li> width problem in IE6 solved)


So the Fix is:-

ul.nav
{
    list-style-type: none;
    padding: 4px 2px 4px 2px;
/*this seems to solve the problem*/
    margin-top:-6px;
    margin-left: -6px;
}

And now my List spacing problem and my list now looks like this:-



UPDATE:
Seems, doing just this also solve the and fixes some spacing issue with previous solution

ul.nav

{

    list-style-type: none;

    padding: 4px 2px 4px 2px;

/*this seems to solve the problem*/

margin-left: 0px;
}