Hi all, Sorry if the subject was not descriptive enough as I Have no idea what to call the bug.
I am having a problem with IE, of course, and I can not seem to figure out why. I have narrowed my code down to a bare minimum to rule out errors I may have caused. I have validated the code. You can see the result here: http://gnomemonastery.com/my_files/bug.html The code will be at the end of this email. The problem is that for each block (.leftBlock) IE is pulling the text over a little to the left. So that by the end my text is way out of it container. I spent several hours trying to find a something online that would have explained it but to no avail. The problem is caused by 1 of 3 things because when I remove any of thsoe three things the problem goes away. .leftBlock .blockBody { border-left: 2px solid #840e0e; padding: 5px; } If I remove the border the problem goes away. If I remove the padding the problem goes away. If I remove the div inside of <div class='blockBody'> (the one with the text "Footer" in it) the problem goes away. I have no idea why IE is doing this. Thanks in advance for any help you can provide. --------------------------------- CODE - its kind of long sorry --------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' > <head> <title>BUG</title> <style type="text/css"> <!-- #leftSide { float: left; width: 510px; margin-left: 50px; padding: 100px; display: inline; /* fix for other IE bug */ } .leftBlock { border: 1px solid green; /* this is to better see what is happening */ } .leftBlock .blockBody { border-left: 2px solid #840e0e; padding: 5px; } --> </style> </head> <body> <div id='wrapper'> <div id='leftSide'> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> <div class='leftBlock'> <div class='blockBody'> Just some info blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <div> Footer </div> </div> </div> </div> <!-- END OF leftSide ID --> </div> </body> </html> -- Sean Montgomery All constants are variables. ______________________________________________________________________ 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/
