Help - Search - Members - Calendar
Full Version: Spry Menu Bar
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
The website address is
The spry menu bar works perfectly in firefox, in dreamweaver live view, but not in IE. Why?

He is the code for the home page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Luis Feliz Upholstery</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<style type="text/css">
body {
background-image: url(Images/bckgrdLF.gif);
background-repeat: repeat;
margin-top: 35px;
<style type="text/css">
body,td,th {
color: #FFF;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align: center;
text-indent: 0;
word-spacing: normal;
letter-spacing: normal;
vertical-align: bottom;
white-space: normal;
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<table width="800" border="0" align="center" background="Images/Menubar.jpg">
<td height="150" align="right" valign="bottom"><ul id="MenuBar1" class="MenuBarHorizontal">
<div align="center"><a href="contactus.html">Contact Us</a></div>
<div align="center"><a class="MenuBarItemSubmenu" href="upholstery.html">Upholstery</a>
<li><a href="sofas.html">Sofas</a></li>
<li><a href="chairs.html">Chair</a></li>
<li><a href="bedhead.html">Bed/Head</a></li>
<li><a href="ottomans.html">Ottomans</a></li>
<li><a href="curtainsandpillows.html">Curtains and Pillows</a></li>
<li><a href="dinningchairs.html">Dining Chairs</a></li>
<div align="center"><a href="designservices.html">Services</a></div>
<div align="center"><a href="profile.html">Profile</a> </div>
<div align="center"><a href="home.html">Home</a></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
<table width="800" border="0" align="center" background="Images/homehtml.jpg">
<td height="595"></td>
<table width="800" border="0" align="center">
<td height="50"><p>LFUPHOLSTERY</p>


Hope someone can help here.
The only thing I see in IE is the drop downs position is high. I found IE to follow CSS better if "meta http-equiv="Content-Type" is charset=iso-8859-1 instead of charset=utf-8.

IE may read CSS positions properties better in charset=iso-8859-1.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.