请教一个DIV做的格子错位问题
<style>
.grid{
border-top:1px solid black;
}
.title {
border-right:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
}
.obj{
border-right:1px solid black;
border-bottom:1px solid black;
}

</style>


<div class= "grid " style= "width:600px ">
<div id= "line0 " style= "width:600px; ">
<div class= "title " style= "display:inline;width:200px;height:25px "> 姓名 </div>
<div class= "obj " style= "padding-left:5px;display:inline;width:400px;height:25px "> <input id= "name " type= "text "> </div>
</div>
<div id= "line1 " style= "width:600px;height:25px ">
<div class= "title " style= "display:inline;width:200px;height:25px "> id </div>
<div class= "obj " style= "padding-left:5px;display:inline;width:400px;height:25px "> <input id= "id " type= "text "> </div>
</div>
</div>

右边装有文本框的格子向下错了一个像素，不知怎么解决，请大家帮帮忙

[解决办法]
把字体大小定义好，~比如，font-size:12px再试试``