unknown image border

Hi, i dunno what else, i did everything! i have a small border at the 
bottom of pic. Her is the  code and css(btw, it is valid code!):

code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" 
lang="en"><head><meta http-equiv="Content-Type" content="text/html; 
charset=utf-8" /><title>test page</title>
<link href="/css/default.css" rel="stylesheet" type="text/css"/></head>
  <body>
<table class="top" >
  <tr>
    <td  rowspan="3" class="logo_main">
    <img src="/html/logo_main.png" width="344" height="78" 
alt="[freshcode.org logo]" id="logo_main"/>
    </td>
    <td></td>
    <td class="login_form">
        <form action="1" method="post" id="login_form">
        <p>
            <label for="login"  accesskey="l">login:</label>
                <input type="text" accesskey="l" maxlength="16" 
name="login" id="login"/>
            <label for="password"  accesskey="p">password:</label>
                <input type="password" accesskey="p" maxlength="16" 
name="password" id="password"/>
            <input type="submit" accesskey="g" value="Go!" id="submit"/>
            <input type="hidden" name="submit" value="log_in"/>
        </p>
        </form>
    </td>
  </tr>
  <tr>
    <td colspan="2">sss</td>
  </tr>
  <tr>
    <td colspan="2">ddd</td>
  </tr>
</table>
</body>
</html>

css:

@charset "utf8";

body, table {
    border : 0;
    background-color : #ffffff;
    color : #000000;
    padding : 0;
    margin : 0;
}
table, td {
    border-collapse: collapse;
    width: 100%;
    padding : 0;
    margin : 0;
}

td {border : 1px solid red;
}


img {
    border : 0;
    margin : 0;
    padding : 0;
}

form {
    border : 1px solid;
    background-color : #000;
    color : #00ff00;
    text-align : right;
    vertical-align : middle;
    margin : 0;
    font-size : 0.8em;
}

form p {
    padding : 0;
    margin : 0;
}

input {
    border : 1px solid #999;
    background-color : #555;
    margin : 1px 1.5ex 1px 0.5ex;
    color : #00df80;
    font-size : 0.9em;
    padding : 0;
}

input:hover{
    border-color: #00ff0e;
    background-color : #808080;
}

input:focus {
    border-color: #00ffbe;
    background-color : #777;
}

#login, #password {
    width : 15ex;
}

#submit {
    height : 1.5em;
    color : #00ff00;
    margin-right : 1px;
}
..login_form {
    vertical-align : top;
}

..login_form form {
    width : 32em;
}
..logo_main {
    width : 344px;
}
..nick {
    color: #ff0;
}

..top_left, .top_right {
    vertical-align : top;
}
..top_right {
    text-align : right;
}

..top_left {
    text-align : left;
}

..bottom_right {
    vertical-align : bottom;
}

::-moz-selection {
    background: #888;
    color: #00ffbe;
}

::selection {
    background: #888;
    color: #00ffbe;
}

PLS, help me to solve this problem! It works on HTML Transitional, and 
XHTML Transitional, but not Strict.

Received on Monday, 3 September 2007 16:34:47 UTC