So I ran into a problem using Javascript to make a drop down menu that supports IE 7. Then my friend told me I could do it with pure CSS and I decided to give it a shot. Initially I ran into a problem with IE7 handling absolute positioning differently than all the other browsers. I found out that in IE7 it takes the margins of the element into account when it positions it. So it is important to set it to zero.
To see the example you can go to my site:
HTML
CSS
