/* Stylesheet for menu-width.html */

html, body
{
  background: white;
  color: black;
}

div.div
{
  display: block;
  padding: 2ex 0;
}

div.div > span
{
  border: 1px solid black;
  background: yellow;
}

div.div2 > span
{
  position: relative;
}

div.div3 > span
{
  position: relative;
}

div.div > span > span.info
{
  display: none;
}

div.div > span:hover > span.info
{
  display: block;
  position: absolute;
  padding: 0.5ex 0.5em;
  background: green;
  white-space: nowrap;
}

div.div1 > span:hover > span.info
{
  left: 8em;
}

div.div2 > span:hover > span.info
{
  left: 100%;
  top: -1ex;
}

div.div3 > span:hover > span.info
{
  display: table;
  left: 100%;
  top: -1ex;
}

div.div > span:hover > span.info > span.line
{
  display: block;
  background: silver;
}

div.div3 > span:hover > span.info > span.line
{
  display: table-row;
}

/* $Id: menu-width.css 13261 2006-07-24 11:36:37Z lefevre $ */