In IE6 (I hate that browser) the code <li style="padding-left: 60px;">Beer and Wine</li> doesn't seem to work. It shifts the text over all the way down the page, I don't want all the text shifted. I closed that tag with </li>, shouldn't it work?
It sounds like you might have broken html markup in the page somewhere... The behaviour you described does not sound like any common ie6 bugs. Make sure your <li> tags are enclosed in a <ul>. Also check to make sure you have a proper doctype (transitional or strict). Maybe try isolating the problem. Start a fresh html page and try it again with only that on the page. Good luck and please post your results
Could you possibly post more of a block of code for us to examine? It would be a lot quicker for us to look through and figure out the problem if you could. Also, tools like FireBug for firefox are great for figuring things out like this!
I agree, post some more code for us to look at. It could just be that your earlier list code is messed up.
Try to Validate your HTML with validator.w3.org , see what the error message and then you can fix the error code in your website