Changing hover menu to OnClick menu.

I am trying to change my vertical drop down menu to OnClick instead of mouse hover, but I can't find what to change. Here is my code:

<style type="text/css">
   * {
  margin: 0px;
  padding: 0px;
nav {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5;
  margin: 50px auto; /*for display only*/
  width: 150px;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
.menu-item {
  background: #fff;
  width: 150px;

Need help with CSS and Z-index


I'm basically new to z-index, and I am trying to get z-index to work on a site in development.

Please go to this page, work in progress: development site

It has been successfully validated as HTML5

This is a Joomla CMS responsive site (Gantry/Rockettheme).

CSS Dropdown Menu

Aloha, I am a 1st grade teacher building a html5 website. (tired of flappy blogs bossing me around)

This is a code snip from a sidebar clamshell navigation. The sidebar and clamshell is set up. I want to have a dropdown menu starting with the red highlighted piece (class="youarehere") that would dropdown the three <li> tag text content.

Error when displaying CSS navigation in I.E 7

Hi there,

am currently designing a website, and i created a full css drop down menu. The problem is that the menu is not displaying correctly in I.E 7. In firefox and chrome everything is ok.

I validated my css with and no error was found.

Can you please help me.

here is the html code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

CSS/Flash Conflict in Safari

I have a drop down menu that overlaps an embedded video. The elements are layered using Z-Index and work fine in IE and Firefox. However, since upgrading to the most recent flash player release, it somehow causes the CSS to break when the drop down elements are over the video and redistribute themselves in a strange way (see screen shots)

This is how it appears in firefox (which is how it should look):

and this is how it appears in Safari:

Syndicate content