爲什麼webkit（Chrome/Safari）會將焦點放在這個元素上？

Question

我創建了一個自定義的HTML組合框。除了Webkit瀏覽器（Chrome和Safari）之外，一切都運行良好，使得焦點突出顯得不可思議。下面是它看起來像在Chrome和Safari：

通知的下拉圖像的底部突出重點邊境。

下面是在IE和Firefox一樣的東西：

正如你可以看到，IE和Firefox都呈現使用一個很好的矩形的焦點，而Chrome使得它靠不住。

下面是相關的HTML：

<div style="height:32px;" class="ko-select-container" tabindex=0> 
    <div class="selected-option"> 
     <span>Select a Value</span> 
    </div> 
    <div style="float:right;"> 
     <!-- Drop down image height is 32px !--> 
     <img src="DropDown.png" /> 
    </div> 
    <div style="clear:both" /> 
</div> 

Answer 1

嘗試增加vertical-align: top到img。這個差距看起來像usual problem。