元素float后border的问题？

有如下代码

html<p>Holmes stretchespand out his hand for the manuscript and flattened it upon 
        his knee. &ldquo;You will observe, Watson, the alternative use of the 
        long<p>

当对第一个字母应用样式时：

cssp::first-letter {
    font-family:times, serif; 
    font-size: 90px; 
    float:left; 
    border:1px solid; 
} 

如图：

问题一：可以看到字母H的border宽为90px，高度却不是与H高度相当，这是什么原因？

为描述问题二，我将上面font-size:90px那行去掉，然后给o加上span标签，并应用以下样式：

cssspan {
    font-family:times, serif; 
    border:1px solid; 
} 

也即p和span唯一区别就在是否浮动，结果如果图：

问题二：为何两者border高度不同？

---

第一个问题重现不了啊我这里，如图：

第二问题是因为两个元素不在同一层的原因吧，我去掉float属性的话，就一样高了。