| 1 | <html> |
|---|
| 2 | <head> |
|---|
| 3 | <title>jQuery css font-size bug in Mozilla Firefox</title> |
|---|
| 4 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> |
|---|
| 5 | <script type="text/javascript"> |
|---|
| 6 | $(document).ready(function(){ |
|---|
| 7 | var el = $('#testPara'); |
|---|
| 8 | $('#results').append('<p>$(el).css("font-size"): <b>'+$(el).css('font-size')+'</b> - el.get(0).style.fontSize: <b>'+el.get(0).style.fontSize+'</b> - $(el).height(): <b>'+$(el).height()+'</b></p>'); |
|---|
| 9 | }); |
|---|
| 10 | </script> |
|---|
| 11 | </head> |
|---|
| 12 | <body> |
|---|
| 13 | <p id='testPara' style='font-size:5px;line-height:1;'>some really small text!</p> |
|---|
| 14 | <div id='results'></div> |
|---|
| 15 | </body></html> |
|---|
