css проблема с версткой

пишу всем известный модуль
если говорить точнее, модуль уже давно написан, только есть некоторые проблемы с версткой
[HTML]
<!-- код одного пункта -->
<a href="" onClick="java script:return(false)" style="width:100%; cursor:default; display:block;">
<img src="plus.gif" name="Out2img1" id="Out2" class="Outline" onClick="java script:clickHandler(this);return(false);"><img
src="folderСlose.jpg" name="Out2img2" id="Out2" class="Outline" onDblClick="java script:clickHandler(this);return(false);"><span
id="Out2" class="Outline" onDblClick="java script:clickHandler(this);return(false);">Содержимое меню "Правка"</span>
</a>
<!-- или без переносов -->
<a href="" onClick="java script:return(false)" style="width:100%; cursor:default; display:block;">
<img src="plus.gif" name="Out2img1" id="Out2" class="Outline" onClick="java script:clickHandler(this);return(false);"><img src="folderСlose.jpg" name="Out2img2" id="Out2" class="Outline" onDblClick="java script:clickHandler(this);return(false);"><span id="Out2" class="Outline" onDblClick="java script:clickHandler(this);return(false);">Содержимое меню "Правка"</span>
</a>
[/HTML]
Результат

очень четко видно что текст пункта находится не по середине
я попробовал решить эту проблему добавив к блоку с текстом строчку [COLOR="Navy"]style="position: relative; top: -3px"[/COLOR]
[HTML]
<!-- код одного пункта -->
<a href="" onClick="java script:return(false)" style="width:100%; cursor:default; display:block;">
<img src="plus.gif" name="Out2img1" id="Out2" class="Outline" onClick="java script:clickHandler(this);return(false);"><img
src="folderСlose.jpg" name="Out2img2" id="Out2" class="Outline" onDblClick="java script:clickHandler(this);return(false);"><span
id="Out2" class="Outline" onDblClick="java script:clickHandler(this);return(false);" style="position: relative; top: -3px">Содержимое меню "Правка"</span>
</a>
[/HTML]
Результат

это уже лучше, но тоже не без казусов
Оригинальный глюк

посоветуйте что делать?