Ian Geddes wrote: > Hi > page link is http://www.mappleboroughgreenparishcouncil.org.uk/ > CSS link is > http://www.mappleboroughgreenparishcouncil.org.uk/stylesheets/main-style.css > > If you view this page in IE6 and IE7 you will see that the image placed under > the nav links on the LH side shows the nav div background colour on the RH > and bottom edges of the image (bottom edge only in IE7). In FF there is no > sign of the background colour which is what I expect and want since the width > of the image is the same as the width of the nav div. (20% of 750px = 150px) >
Ian, The space beneath the image is due to the fact that images sit on the baseline of their linebox, not its bottom. This leave a few pixels beneath them for the descenders of text (the tails on "y"s, for instance) to hang down into. To stop that image from sitting on the baseline, make it "display: block" or "vertical-align: bottom." In terms of the space beside the image in IE6, I suggest giving all of your elements in that column background colors so you can see where IE is adding the extra space to push the width out. For instance, is it inside the div, the ul, or the li? Background colors will allow you to see this. Best, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
