From 3c14680c7782c18f297d342b847fd97a067e0a77 Mon Sep 17 00:00:00 2001
From: Eric Freese <ericdfreese@gmail.com>
Date: Fri, 26 Apr 2013 15:56:18 -0600
Subject: [PATCH] Use a <span> tag instead of <img> tag to calculate text
 baseline to fix Firefox occassionaly not calculating image position
 accurately.

---
 src/csswarp.0.6.js | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/csswarp.0.6.js b/src/csswarp.0.6.js
index 4e92f6f..006fdba 100644
--- a/src/csswarp.0.6.js
+++ b/src/csswarp.0.6.js
@@ -542,20 +542,18 @@
 			
 		function calcBaseline(){
 				var testDiv = document.createElement("div"),
-					img = document.createElement("img"),
+					span = document.createElement("span"),
 					lineHeight = getStyle(node, "lineHeight"),
 					base;
 					
-				img.width = 1;
-				img.height = 1;
-				img.src = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
-				img.style.verticalAlign = "baseline";
-				img.style.display = "inline";	
+				span.innerHTML = 'A';
+				span.style.verticalAlign = "baseline";
+				span.style.fontSize = "0px";
 				testDiv.style.cssText = baseCSS+'height:'+letters[0].height+';line-height:'+lineHeight+'px;';
 				testDiv.innerHTML="M";
-				testDiv.appendChild(img);
+				testDiv.appendChild(span);
 				node.appendChild(testDiv);
-				base = img.offsetTop;
+				base = span.offsetTop;
 				node.removeChild(testDiv);
 				return base;
 		}