title: webkit browsers hide LI A (display:block) elements. sometimes
body: <p>I'm building (kinda experimental) menu which is built on classic 'ul li' base except 'a' elements are set to display:block to enable precise positioning and sizing. some transform:rotate also appears, but this does't influence following behaviour:</p>
  
  <p>All browsers except webkit ones display all menu items <a href="http://damuza.cz/tmp/01/index.html" rel="nofollow">here</a> the same way (correctly). But webkit hides child items ('item 2a', 'item 2b', 'item 3a', ...). The links are apparently present as cursor changes while hovering over the area where they should appear, but they are not visible. Oddly enough, when I set size of these invisible elements to slightly overlap their designated space (height of their parent LI) they appear visible (<a href="http://damuza.cz/tmp/02/index.html" rel="nofollow">here</a>)</p>
  
  <p>Do you know what's happening here?</p>
  
  <p>Thanks.</p>