Hi! I've been studying CSS design for a few days now, but I am having some difficulty understanding how to control an image place inside a DIV tag. Here's the example page:
http://www.1stroundsports.com/beta/scratch_pad/test.html I've defined the DIV to be 42px high (to accommodate a top and bottom border totaling 7px... if I understand the 'box model' correctly borders should be subtracted from the inside of the box), but when I place a 35px high graphic inside the frame it wants to sit visually at the bottom of the DIV and Safari, Firefox (Mac/ Win) all show the graphic visually off-centre. IE6 renders the graphic resting against the top of the DIV, but draws a border along the bottom edge of my graphic. What is it that I am doing wrong? Thanks in advance for your help! -iE ................................................. ibn Ezra mailto: [EMAIL PROTECTED] ................................................. ______________________________________________________________________ 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/
