PDA

View Full Version : Horizontal Spry Positioning


J_mo
08-14-2009, 09:23 AM
Hi,

I am a newbie to HTML, Dreamweaver etc and have built the first page of a website: http://daredevil-solutions.com/DJJ.html

When viewed in IE the Spry Nav bar is positioned correctly but when viewed in Firefox, Safari etc it shifts over to the right slightly....Is there a particular reason for this and more importantly can it be rectified?

Here is the HTML used:

<div id="top">
<div id="logo"><a href="http://www.djjengineering.com"><img src="images/djj_logo.png" alt="DJJ_Logo" width="960" height="81" border="0" /></a></div>
<div id="navcontainer"><ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">About</a>
<ul>
<li><a href="#">Home</a></li>
</ul>
</li>
<li><a href="#">Services</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Special Feature</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Products</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>

Thanks
J_Mo

domedia
08-14-2009, 02:42 PM
That's only your markup.
Do you know HTML/CSS?