Padding In IE

[Monie]

I know I can solve this somehow but I am tired with all the problem IE has made. Basically, I have an image and I wanted to put a border around it with a padding of 3px. They work's fine in FF as usual but not in IE7! Any Idea that might do the trick?
Thanks.

Here is my CSS and HTML code.

HTML: Select all

#content img.illus {
    border: 2px solid #304818;
    padding: 3px;
}

HTML: Select all

<div id="content">
     <a href="links.asp"><img src="image.png" class="illus"></a>       
</div>

[saltedm8]

does this work ?

Code: Select all

#content img.illus {
    float:left;
    border: 2px solid #304818;
    padding: 3px;

if not, please give me a link or all the code and i will have a look

[Lchad]

What's that code doing in IE 7 Monie?

[Aso]

Are you using an xHTML doctype? If so you'll need to close that <img> tag with a trailing slash.

[Monie]

Originally Posted by Lchad

What's that code doing in IE 7 Monie?

What do you mean Linda?
I am using strict HTML 4.01 doctype, and {float: left} isn't helping me much

Ok, let me host them somewhere, gimme a minute...

[Monie]

This is really weird, the thing works both in FF and IE when I tested them in a free host but not in my PC! Check this!

[Lchad]

I just wanted to know what portion of the code IE7 was not rendering correctly.
I checked FF, IE7, and IE6 and it's perfecto!

[Monie]

Yeah me too! I think there is some duplication in the CSS style referring to the img style.
Let me double check my CSS first and find out what causes the bug.

Basically the problem is that the padding is not working in IE7/IE6.

Thanks..