как убрать крайний бордер ?

[bodr]

на странице блок расположен списком , как убрать левый бордер у списка?

Ссылка на jpeg : http://itrash.ru/idb/f3ab5cd36ef491cb21bb9...9-20_210334.png

CSS

.project {

position:relative;

float:left;

width:100%;

height:320px;

margin-top:35px;

}

.project ul {

list-style:none;

margin:0 5px;

padding:0;

overflow:hidden;

display:block;

position:absolute;

}

.project ul li {

position:relative;

display:block;

float:left;

width:245px;

height:320px;

border-left:1px black dotted;

}

.imagePro {

position:absolute;

width:180px;

height:175px;

margin:78px 30px 0 33px;

}

.textProject {

position:absolute;

border:none;

color:#000;

left:30px;

bottom:10px;

line-height:1;

}

.zagolovok {

margin-top:5px;

color:#000;

font-weight:700;

}

HTML

<div class="project">

<ul>

<li>

<span class="imagePro">

<img src="Pictures/imagePro.png"> </span>

<span class="textProject">

<div class="zagolovok">Название проекта</div>

Краткое описание краткое<br>

описание краткое описание </span> </li>

<li>

<span class="imagePro">

<img src="Pictures/imagePro.png"> </span>

<span class="textProject">

<div class="zagolovok">Название проекта</div>

Краткое описание краткое<br>

описание краткое описание </span> </li>

<li>

<span class="imagePro">

<img src="Pictures/imagePro.png"> </span>

<span class="textProject">

<div class="zagolovok">Название проекта</div>

Краткое описание краткое<br>

описание краткое описание </span> </li>

<li>

<span class="imagePro">

<img src="Pictures/imagePro.png"> </span>

<span class="textProject">

<div class="zagolovok">Название проекта</div>

Краткое описание краткое<br>

описание краткое описание </span> </li>

</ul>

</div>

Edited September 19, 2009 by bodr

[psywalker]

назначить первому li класс и обратиться к нему через CSS и соответственно убрать бордер