Currently, I am utilizing the following CSS code :first-line { line-height:0px; } to conceal the empty first line within a block statement. Oddly enough, when I specify a doctype in XHTML strict, Firefox disregards this rule and displays the empty line (visible through the border).
I have validated my source code and utilized Firefox's web developer tools to inspect for any errors, but no issues were detected.
An example snippet of the code looks like:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>T</title>
<style type="text/css"><!--
.v { white-space:pre; display:inline-block; border:1px solid black; }
.v:first-line { line-height:0px; }
--></style>
</head><body>
<p class="v">
Foo
Bar
</p>
</body></html>
Could there possibly be an issue with my code that other browsers (I've tested Opera, Gnome, Safari) simply overlook when in strict mode, or is it just Firefox being buggy under these circumstances?