> Do you mean too wide? Yes >Don't forget to include borders, margins & padding in your math. >& > Temporarily give each div a separate background color, to make it easier > to visualize just what's happening with each div and its margin and > padding.
The reason I was off mathmatically is due to the #leftnav that sits in the left margin of #content. Used the Web Developer to straighten things up. > Your 50em overall width means at 800x600 a user with the browser default > default font size will have a horizontal scroll. Cutting back by 2em > fixes it. >& > "margin: .5em 1em .5em 1em;" is the same thing as "margin: .5em 1em;". Thank-you, great tips. The only problem left that I can see is in #button that sits in #leftnav. There is a light blue border that divides the buttons. In Netscape this line disappears between 3 of the 10 buttons. The different shades of blue rollover does work within each button. Has anybody come up with this problem? The code is below. The web site is: http://trisms.com/New/Max.html Mary #leftnav { float: left; width: 7.5em; margin: 0; padding: 1em .5em; } #button { border-right: 1px solid #000; margin-bottom: 1em; font-size: 90%; background-color: #90bade; color: #333; } #button ul { list-style: none; margin: 0; padding: 0; border: none; } #button li { border-bottom: 1px solid #90bade; margin: 0; } #button li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #button li a { width: auto; } #button li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
