CSS drop-down menus pushing page content down

Question

This is probably (hopefully) a pretty simple question, but I can\'t seem to get it to work so I\'ll turn to the experts here. I\'m using a pretty straightforward CSS drop-do

Answer 1

This is a pretty bad case of unnecessary Javascript to do what can be done via CSS itself. One way or another all you have to do is change:

#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left;}

to:

#cssdropdown li.headlink ul { display: none; border-top: 1px black solid; text-align: left;position:absolute;}

Here's an example of an extremely simple and clean drop down menu. Hope it helps you out a bit. I added a lot of comments to help you figure out what the CSS is doing to the HTML.

    
    

        

            Link 1
            

                
Link 1.1
                
Link 1.2
                
Link 1.3
                
Link 1.4
                
Link 1.5
                
Link 1.6
            
        
        

            Link 2
            

                
Link 2.1
                
Link 2.2
                
Link 2.3
                
Link 2.4
                
Link 2.5
                
Link 2.6
            
        
        

            Link 3
            

                
Link 3.1
                
Link 3.2
                
Link 3.3
                
Link 3.4
                
Link 3.5
                
Link 3.6