469,915 Members | 2,697 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,915 developers. It's quick & easy.

horizontal submenu not displaying in IE

Code is below. Works in Firefox but not IE. I understand there is a box
issue with IE but I am having problems fixing this.

Many thanks for any help!

#navigation {
float: left;
width: 125px;
padding: 0;
#navigation ul {
margin: 0;
list-style: none;
margin-top: 2px;
padding: 0;
#navigation li {
width: 125px;
border-bottom: 1px solid #722100;
#navigation a:link, #navigation a:visited {
display: block;
padding: 5px 5px 5px 0.5em;
color: #FFFFFF;
text-decoration: none;
height: 100%;
#navigation a:hover {
background-color: #9c20da;
color: #FFFFFF;
#navigation li {
position: relative;
#navigation ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
div#navigation ul ul,
div#navigation ul li:hover ul ul{
display: none;
background-image: url(bg.gif);
background-repeat: repeat-y;
background-position: left top;
div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul{
display: block;
<div id="navigation">
<li><a href="/">Home</a></li>
<li><a href="#">Links</a>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>

<li><a href="#">Link3</a></li>
Jan 23 '07 #1
1 3347
Hi Paul

I am not sure what is not working exactly, but here my thoughts...

1) If you make menu for IE6, you should not use 'li:hover' - user
a:hover instead.
2) If you have issues with IE box model switch to W3C box model:

- Alex.

Jan 23 '07 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by Maria Gonzalez | last post: by
2 posts views Thread by polo | last post: by
9 posts views Thread by Verona Busch | last post: by
reply views Thread by Peter May | last post: by
2 posts views Thread by Sergio E. | last post: by
1 post views Thread by Waqarahmed | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.