http://homepage.eircom.net/~egoman/marginmenu.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style type="text/css"> #nav ul { white-space: nowrap; font-family: arial; font-size:12px; list-style:none; } #nav li { float: left; margin-right: 2px; } #nav a, #nav .active { padding: 0 11px; height: 2em; float:left; line-height: 2em; margin: 0 0 4px; background-color: #000000; color: white; text-decoration: none; width: 100px; } #nav a:hover { color: #fff; background-color: #369; margin: 3px 0 0 0; } #nav .active { background: #369; margin: 0 2px 0 0; } a span { display: none; } a:hover span { display: block; position: relative; top: 0px; left: 0; /* formatting only styles */ width: 100px; padding: 5px; margin: 0px; z-index: 100; background: green; border: 1px dotted #c0c0c0; color: white; opacity: 0.9; /* end formatting */ } </style> </head> <body> <div id="nav"> <ul> <li><a href="test" >HOME<span>You are home</span></a></li> <li><a href="test" >test</a></li> <li><a href="test" >test</a></li> <li><a href="test" >test</a></li> <li><a href="test">test</a></li> <li><a href="test">test</a></li> <li><a href="test">test</a></li> </ul> </div> </body> </html> Code (markup): Hey all, anyone know how to make IE look like FF? Also have the span directly under the menu option? Thanks, Leo
Better representation as to what I'd like, pls look at this link in both FF and IE6 - FF is what I want it to look like in both? http://homepage.eircom.net/~egoman/info2.html