Jason Chan wrote:
> what is the best way to wrap a border around an image. i thought it would be
> pretty basic but i ran into some issues. the border doesnt wrap completely
> around the image, leavin a bottom 2-3 pixel gap in IE6.
Hi Jason. My guess is that you've made your image 3px less in height
and width so it looks right in Firefox to you but then it leaves a 3px
gap at the bottom on IE6.
The solution to your immediate problem if you leave your code as is, is
to add this:
img { display: block; }
However, the better solution is to get rid of the div around the a and
do as Fiona suggested by placing the border directly on the image. If
you do this also add "display: block" so if you ever place a border or
BG on div#header you won't run into the 3px gap again and wonder what's
going on.
BTW - the 3px gap isn't a bug, it's correct behavior for inline elements
which an image is by default. Good ol' IE6 gets it wrong.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
______________________________________________________________________
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/
