This "should" be an easy question, but it really has me stumped. I have the following code:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head></head> <body> <div style="width:130px;border:1px solid blue;"> <ul style="width:130px;border:1px solid red;"> <li><a href="http://yahoo.com";>Test</a></li> </ul> </div> <div style="border:1px solid green;width:130px;"> </div> </body> </html> When examined on Firefox, the red border goes well outside of the blue border. When examined on IE, the red border appears to be the proper width but expands the blue box (interestingly, the bullet is lost when the border is added). I am guessing that the problem for both of these is the bullet to the left (or at least, where it "should" be). I can compensate for this in Firefox by adding "list-style:none;margin-left:-41px;" to the ul, but this loses the text in IE. What is the best solution for this problem? Should I do the above kludge for Firefox then find another way to deal with IE? Am I missing fundamental that would resolve this properly? Thanks for looking at this. Cheers - george Handmade Photographic Images - http://www.GLSmyth.com DRiP Investing - http://DRiPInvesting.org __________________________________________________ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com ______________________________________________________________________ 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/
