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>