dots gif producing extra space on ie

[sybil6]

i am using this dotted gif line on this site, why does it make extra space under ie? thanks

http://tetrix01.free.fr/index02.htm

[jcdevelopment]

first an obvious one:




* {
margin:0px;
padding:0px;



do you have this in your css, if yes then go ahead and post some code so we can take a look at it!!

[sybil6]

i tried that but doesnt solve the extra space, all the source is here:

http://tetrix01.free.fr/index02.htm

[jcdevelopment]

i dont want to get re-dundant or anything, but i looked at ur code... Did you put that code in and take it off?

because

body{

margin:0;
padding:0;
}



is not the same as

* {
margin:0px;
padding:0px;
}


forgive me if im beating a dead horse, but i have had a problem like this and i thought it was the same, but it ended up working!!

[sybil6]

yes i put it on my machine and the gap is still there

[jcdevelopment]

what about attaching negative margins to the gif's?



<img src="whatever.gif" style="margin-top:-5px;">



im not sure if that would work, its hard to see why its doing it!!!

[Excavator]

Try it this way instead:

.inlineDots{
background: url(http://tetrix01.free.fr/images/inline_dots.gif) repeat-x center;
width:255px;
height:16px;
}

[sybil6]

thank you excavator this already looks like in ff now, why is that 16 px height?:confused:

[Excavator]

thank you excavator this already looks like in ff now, why is that 16 px height?:confused:

7px margin on top and bottom
plus 2px height.

16px with the dots in the middle.