Did you know that IE6(and only IE6, IE7+ doesnt have this issue) has a weird UL/OL bug ?
If not read on
Lets say you want to make a vertical list of items that are linkedable like this
Well to be honest at first glance, both of them do the same thing. Make the element invisible to the user. However there is a very small subtle difference between them.
display: none -> This makes the element invisible AND removes it from pageflow. so if you have items below the item, they will be slided upwards to fill the space this element previous occupied
visibility: hidden -> This makes the element invisible HOWEVER it still retains it’s space in the pageflow of the page. so the items below wont move upwards. In other words you will have an empty hole where this element is.