css man wrote:
> Hi all,
Hi you ;-)
> When I add a 0.08em solid black border around an image, a
> small space is rendered at the bottom of the image.
>
> Here's the section of css:
>
> #img {
> float: right;
> margin: 1em 1em 1em 0 !important;
> margin: 1em .5em 0 0;
Why are you having two contradicting margin rules?
> border: .08em solid black;
>
> }
>
> and the section of HTML:
>
> <div id="img"><img src="big300x273flat.gif" width="300"
> height="273" /> </div>
>
> The only way I seem to be able to fix this is to add a height
> property to the css. Is there another way around this?
Try adding this rule:
#img img{display:block;}
--
Els
______________________________________________________________________
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/
