olの番号の縦位置が下になってしまう。上揃えにしたい。


キャプチャのようにliの番号が下揃えになってしまいます。  
＊キャプチャの赤い位置にしたい。  
（safariで下になります。chromeでは上になっています）

次のようにしても上になりません。

[code]

    ol li {
      vertical-align: top;
    }
    
[/code]

どうすれば良いでしょうか？

[![画像の説明をここに入力](https://i.stack.imgur.com/77CBs.png)](https://i.stack.imgur.com/77CBs.png)



[code]

    ol li img { vertical-align: top; }
    
[/code]



[code]

    ol li img { vertical-align: top; }
    
[/code]

