[SOLVED] Weird line below div bgimg

[Jesper]

Hey everyone,

 

While slicing my latest design, I ran into a problem: in FF, there is a weird space of 1px height below the background image of my div. For some reason, the div is 29px while I did use height: 28px. I tried setting the bgcolor to yellow, and that showed too that the height was 29px. This is to give you an indication of the problem: http://img244.imageshack.us/img244/7200/problemv.png. It's basically a collection of 4 divs below each other:

.div1
{
width: 100%;
height: 128px;
background-image: url('img1.png');
background-repeat: no-repeat;
}
.div2
{
width: 100%;
height: 9px;
background-image: url('img2.png');
background-repeat: repeat-x;
}
.div3
{
width: 100%;
height: 28px;
background-color: yellow;
}
.div4
{
width: 100%;
height: 30px;
background-image: url('img4.png');
background-repeat: repeat-x;
}

 

How is it possible that div3 has a height of 29px?

 

 

Thanks in advance,

 

Jesper

[Jesper]

I found the solution . I re-initialized the zoom in FF (for some reason there was no way to zoom it to excactly the right dimensions using the normal zoom-in/zoom-out functions) and it worked.