NAVBAR gone amok on Internet Explorer

[kriskros]

This is how my homepage looks like on FIREFOX. The navbar looks good.

http://kriskros.smugmug.com/photos/335038710_MHWwb-L.jpg

And this is how it looks on INTERNET EXPLORER 7.

http://kriskros.smugmug.com/photos/335038746_ZHxXH-L.jpg

What have I done wrong?


Again, I'm glad you're there to support us. Very impressive technical team.


Kris

kriskrosphotography.com (http://kriskrosphotography.com)
kriskros.smugmug.com

[kriskros]

Any help?

[Allen]

Any help?
I had looked earlier but not familiar with the CSS you're using. Maybe
someone else has an idea.

[Allen]

Any help?
Just looked again and after playing around found this to work.

Removed the first part and changed this to a div.

<div id="menu2">
<ul>
<li><a hr....

Then changed your nav CSS to this.

#menu2 ul {
margin: 5px 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#menu2 ul li {
display: inline;
}

#menu2 ul li a {
text-decoration: none;
padding: .2em 1em;
color: #f3f3f3;
font-family: Arial;
background-color: #2c2c2c;
border:1px solid #c2c2c2;
}

#menu2 ul li a:hover {
color: #000;
background-color: #d4d4d4;
}

[kriskros]

Allen, can't make it work. Could you update my code and check it yourself? Thank you.

[Allen]

Allen, can't make it work. Could you update my code and check it yourself? Thank you.
In your header add the <ul>


<div id="menu2">
<ul>
<li><a href="/">Home</a></li>
...
Then change the nav CSS you have now to what I put in post 4. Just tried it
with WebDev and it worked.

[kriskros]

In your header add the <ul>


<div id="menu2">
<ul>
<li><a href="/">Home</a></li>
... Then change the nav CSS you have now to what I put in post 4. Just tried it
with WebDev and it worked.
Allen, you work wonders. BIG thanks.