new2this2002
Programmer
I have the following code
<?xml version=\"1.0\" encoding=\"utf-8\"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " ">
<html xmlns=" xml:lang="en" lang="en">
<head>
</head>
<body>
<div style="position:absolute; left:910px; top:77px; width:12px; height:12px; z-index:5;background-color: #FFFFFF;font-size:2px;">
<img src="images.gif" width="12" height="12" alt="Corner"/>
</div>
<div style="position:absolute;z-index:1;background-color: #CC0000;width:789px;height:511px;top:77px;left:133px;margin:0px;">
</div>
</body>
</html>
The image being used is 12*12 pixels.
My question is that if i remove the 'font-size:2px' from the 'div' with the image within it, the page displays incorrectly in IE and Netscape but properly in Opera. Does anyone have idea why this maybe or another way to solve this problem. I can't work out why this affects the position of the layer, when the 'font-size' is removed the background colour of the layer comes through in IE and Netscape.
I am using the following browsers
IE 6 SP1
Opera 7.23
Netscape 7.1
If there are any problems with the HTML or CSS i am using or if this is a known issue could someone please tell me.
<?xml version=\"1.0\" encoding=\"utf-8\"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " ">
<html xmlns=" xml:lang="en" lang="en">
<head>
</head>
<body>
<div style="position:absolute; left:910px; top:77px; width:12px; height:12px; z-index:5;background-color: #FFFFFF;font-size:2px;">
<img src="images.gif" width="12" height="12" alt="Corner"/>
</div>
<div style="position:absolute;z-index:1;background-color: #CC0000;width:789px;height:511px;top:77px;left:133px;margin:0px;">
</div>
</body>
</html>
The image being used is 12*12 pixels.
My question is that if i remove the 'font-size:2px' from the 'div' with the image within it, the page displays incorrectly in IE and Netscape but properly in Opera. Does anyone have idea why this maybe or another way to solve this problem. I can't work out why this affects the position of the layer, when the 'font-size' is removed the background colour of the layer comes through in IE and Netscape.
I am using the following browsers
IE 6 SP1
Opera 7.23
Netscape 7.1
If there are any problems with the HTML or CSS i am using or if this is a known issue could someone please tell me.