IE9 link img border

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

controvi

Hello all,

I have a small problem with link i am trying to create.

i have this:

<a href="#"><img src="someimage.jpg" alt="" /></a>

now i have positiond it with the padding from the parrent div and did a border="0" on the image.

the problem is this.
in all browser accept IE9 the images stay in place.
But IE9 pulls the image up the width of the border any image got by default.

if you can still follow me then does someone know how to fix this withoud hackes ?

UnderGroundDev

do you have a link? i'm not understanding what you mean. are you adding a no-border to the image or it's container?

Major_Payne

To eliminate borders in image links use CSS:

a img {
text-decoration: none;
border: 0;
}

Use of the Universal Selector at the top of your CSS file would help to reset browsers:

* { margin: 0; padding: 0; border: 0;

A complete reset CSS is available on the Internet.

IE has never gotten dimensions right. IE 9 should be better than the earlier versions, but it isn't. Maybe try using IE's Conditional Comments to tame the problem.

Furter help can only be given if you post your code and/or link to problem page.