IE7 Navbar problem help?

[redcrown]

Got a new PC and it came with IE7. As a Firefox user I rarely use IE, but just noticed my Smugmug Navbar is incorrect in IE7. Would appreciate help in finding code fix.

My Navbar is a simple three button, horizontal, centered setup. Displays OK in Firefox and IE6. Existing code was borrowed long ago from some tutorial/posting here. In IE7 the buttons span the entire page width and are thus vertical.

www.kellyphoto.smugmug.com (http://www.kellyphoto.smugmug.com)

Thanks

[Allen]

Got a new PC and it came with IE7. As a Firefox user I rarely use IE, but just noticed my Smugmug Navbar is incorrect in IE7. Would appreciate help in finding code fix.

My Navbar is a simple three button, horizontal, centered setup. Displays OK in Firefox and IE6. Existing code was borrowed long ago from some tutorial/posting here. In IE7 the buttons span the entire page width and are thus vertical.

www.kellyphoto.smugmug.com (http://www.kellyphoto.smugmug.com)

Thanks I found this

HTML <del> tag
Defines text that has been deleted in a document.

You migth try changing those to <div and </div>

<div align="center">

<del class="container">
<ul id="menu2">
<li><a href="http://kellyphoto.smugmug.com/">Main Galleries</a></li>
<li><a href="http://kellyphoto.smugmug.com/gallery/1709177">About/Contact</a></li>
<li><a href="http://kellyphoto.smugmug.com/gallery/1711683">Getting Prints</a></li>
</ul>
</del>
</div>

[redcrown]

Thanks, Allen. That "del" code looked strange so I changed it. But that's not the problem.

Anyone with IE7 experience? Please look at the CSS code for my site under "set up Navbar". IE7 must have a new way of processing float, padding, border, width? I don't know.

Again, current code works fine under Firefox and IE6. Only IE7 screws up.