Menu overlapping

[Neo]

Hi all,

I am trying to figure out how to set up the precedence of the vertical menu over other text in the webpage. In the website I am currently working on, when the vertical menu drops down, the text in the web page comes on top and the menu is behind the text. So I am unable to choose specific items from the vertical menu. I have given the URL for the website.

Code: Select all

URL : http://cms.ce.gatech.edu/ceetest/

You can check it out by selecting the Home menu and trying to select "News" item from the menu. The text "Information About" comes on top and the vertical menu goes behind. I have also given the template code below. Any pointers to resolve this would be of great help.

Thanks,
Neo

Code: Select all

	<!-- Start Navigation -->
      <div id="menu_vert">
         <!-- <h2 class="accessibility">Navigation</h2> -->
         {menu template='cssmenu.tpl'}
  <!--    <hr class="accessibility" /> -->
      </div>
      <!-- End Navigation -->

   <!-- banner images -->
{global_content name='cee-banners'}

<!-- end banner images -->
        
      </div>
		<div id="headerscontainer">
		<div id="infoHeader">INFORMATION ABOUT</div>
		<div id="newsHeader">CEE <a href="news/">NEWS</a> AND <a href="news/events.php">EVENTS</a> </div>
		<div id="spotlightHeader">CEE SPOTLIGHT</div>
	  </div>
  </div>	

[Dr.CSS]

I often wonder why ppl. use the 'position:relative' in CSS if it's not needed, just curious... remove it from the  #headerscontainer and it should work...

[Neo]

Thanks Mark. It resolved the problem  . But I was wondering why the position tag made the menu to be placed under the page text. I am trying to learn CSS and the different tags now. Sorry if this is a basic question

Thanks

[Dr.CSS]

Not sure why it happens but it has to do with how the object before it is set... sorry...

For learning CSS and more...

http://www.w3schools.com/default.asp