Click to See Complete Forum and Search --> : Vertical space above image, in div (firefox)


sp3ctre
11-22-2006, 01:27 PM
Hi,

If anyone can help me with this is would be very grateful! Basically there is a thin line above the image which I need to get rid of.

Please look here (http://www.basichosting.co.uk/test/csstest.html)

and here is the code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
img{border:0;}
#test{
background-color:red;
width:736px;
height:14px;
float:left;
}
</style>
</head>
<body>
<div id="test"><img src="home_main_bot.gif"></div>
</body>
</html>



Thanks in advance!

Jim

sp3ctre
11-22-2006, 01:34 PM
mmm, adding the following fixed it:

img{
position: absolute;
}

no idea why though... anyone?