I'm having a bit of a problem with a navigation bar in IE that was discovered
when I removed a Search form from the navigation. What happened is that the
links are no longer active in the blank space following the text. With Mozilla,
the link are active for the entire width of each navigation bar entry. I may be
explaining this poorly, so here is a snippet of the html:
<div id="nav">
<a href="/">Home</a>
<form method="post" action="search.php">
<input type="text" size="1"> <input type="submit" value="X">
</form>
</div>
This is from the CSS file:
#nav {
border-top: #666 solid 1px;
border-bottom: #666 solid 1px;
border-left: #333 solid 2px;
border-right: #333 solid 2px;
width: 175px;
padding: 2px;
margin: 10px;
}
#nav a:hover {
background: #ffff00 no-repeat top left fixed;
}
div#nav a {
display: block;
margin: 3px 2px;
padding-left: 18px;
}
div#nav a:link {
color: #900;
text-decoration: none;
border-bottom: 1px solid #966;
border-left: 15px solid #966;
padding-left: 3px;
}
================================================== ===============
With the <form></form> section, the "Home" link works anywhere in the space
following the "e". If I remove the form section, the link only works when
hovering over the actual letters of Home.
Mozilla Firebird doesn't exhibit this behavior, and works along the width of the
navigation bar.
TIA for any help.
jon
--
jwayne@_myrealbox_no_spam.com
