AnyLink CSS Vertical Menu Alignment Problem

[LaurenCory]

1) Script Title: AnyLink CSS Vertical Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nylinkcss2.htm

3) Describe problem:

I have placed your code on my page and have found that the "navlist" is appearing approximately 40 pixels from the left of the page. How do I make it align left with no margin. I have tried moving it out of the <td> and it made no difference.

Thanks
(See code below)

<table width="135" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#9BC1B6" class="LeftMenu" height="30">9 Jan. 2008, 10:36</td>
</tr>
<tr>
<td bgcolor="#E7F3EF" class="LeftMenuBorder">
<ul class="navlist">
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
<li onmouseover="dropdownmenu(this, event, 'anylinkmenu2')"><a href="http://www.dynamicdrive.com/style/" onclick="return clickreturnvalue()">CSS
Examples</a> <span style="position: relative; left: 25px">></span></li>
<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
<li><a href="http://www.cssdrive.com">CSS Drive</a></li>
<li><a href="http://www.codingforums.com">Coding Forums</a></li>
</ul>
<div id="anylinkmenu2" class="anylinkcss" style="width: 160px;"> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Vertical
CSS Menus</a> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical
CSS Menus</a> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image
CSS</a> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form
CSS</a> <a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs
and containers</a></div>
</td>
</tr>
<tr>
<td bgcolor="#9BC1B6" class="LeftMenu" height="30">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>img src="../../images/Icon_Telephone.gif" width="19" height="14" /></td>
<td height="25" class="Arial12">Contact Us</td>
</tr>
<tr>
<td><img src="../../images/Icon_Man.gif" width="11" height="23" /></td>
<td class="Arial12">Contact an Adviser</td>
</tr>
</table>
</td>
</tr>
</table>

[A800]

Type this between the head tags:

<style type="text/css">
body {margin:0px;}
</style>

I hope this helps.

[LaurenCory]

Thanks I'll give it a try.

[waterdene]

Type this between the head tags:

<style type="text/css">
body {margin:0px;}
</style>

I hope this helps.

I am having exactly the same problem and I am afraid this did not change anything

[A800]

in that case, add this (highlighted in bold):

<style type="text/css">
body {margin:0px; padding:0px;}
</style>

If that does not work, do this (highlighted also):

<style type="text/css">
body {margin-left:0px; padding:0px}
</style>