Change the ul
with the single li
to a div
and things settle down a bit.
It's not good practice to use lists when you don't need them. For one thing, it makes for needlessly messy code. For another, it makes page navigation strange for screen-reader users.
That said, I'm not sure why Chrome puts the single li
and the child div
on separate lines. You can probably get that fixed by fiddling with display states.