Posted by Mohawk Mawk on 05/16/07 17:10

hello,
I am currently working on
http://bjorntoday.com/
in specific the part

<div id="underban">
<table>
<tr>
<td><a href="main.php?page=Home&lang=E">Photo Blog</a></td>
<td><a href="main.php?page=Gallery&lang=E">Photo Archive</a></td>

<td><a href="main.php?page=Hardware&lang=E">Gear</a></td>
<td><a href="main.php?page=Bio&lang=E">About Me</a></td>
<td><a href="main.php?page=GuestBook&lang=E">Guestbook</a><br /
><br /></td>
</tr></table>
</div>

thats the navigation under the banner

ass you see when moving the cursor over the cells the background
changes via hover, but theres a 1 px border around them I cant get
away.
you can move the cursor between the buttons and no hover effect will
happen.
+ i want the image to attach to the red border on the top

heres my desperate attempt to get rid of that tiny border

#underban{
height:26px;
background-color: #000000;
margin:0px;padding:0px;

}
#underban table {
margin:0px;
padding:0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#underban td {height:26px; font-size:13px;text-align:center;width:
145px;vertical-align:top;margin:0px; }
#underban td:hover {background-image: url(images/butt.png);}

and its still there...
anybody have a solution?
thanks
mawk

[Back to original message]