I am experiencing an issue where Firefox and IE display a white border around images in print preview. The webpage consists of two divs, each containing an image with a width of 400px, within a container div that is 800px wide. While using print preview, I do not want the white border between the two images that appears. This does not happen in Chrome. Am I making a mistake somewhere?
Despite trying to use this code for print CSS, I have had no success:
<style type="text/css" media="print">
.test{float:none;display:inline; border:none;}
img{border:0;}
</style>
The HTML code is as follows:
<!DOCTYPE html>
<html>
<head>
<style type="text/css" media="print">
.test{float:left; display:inline; border:none;}
</style>
</head>
<body>
<div style="width:800px;margin:0px auto;">
<div class="test" style="float:left;width:400px;">
<img src="1334300111712.jpg">
</div>
<div class="test" style="float:left;width:400px;">
<img src="1334300115318.jpg">
</div>
</div>
</body>
</html>