Accidental line break! Would really appreciate some tips!

Hi!

I’ve made a image rollover, and the rollover itself works perfectly fine. The thing is that it have created one line break before and one after the image. I have no idea how to fix this and would be really grateful if someone knew and could tell me what was wrong!

The site: http://www.unganyskapare.se/kontakt

The four images are supposed to be in line, it’s the third one I’ve given the rollover effect.

The code:

  1. php:

  1. css:

#omOss
{
display: block;
width: 200px;
height: 300px;
background: url(“media/om.png”) no-repeat 0 0;

}

#omOss:hover
{
background-position: -200 0px;
}

#omOss span
{
position: absolute;
top: -999em;
}

thanks!

Remove this line:

display: block;

… or make all 4 images:

display: block; float: left;

Is it fixed already? It works fine in firefox . . .

Sponsor our Newsletter | Privacy Policy | Terms of Service