В стилях для блока div :
[CSS]border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;[/CSS]

а вы не знаете какой подкласс в ксс чтобы при нажати что-то менялось что-то типо hover

Не совсем понял.
Можно навести на блок мышку и поменять фон - это hover. Можно навести и кликнуть - active и тоже сменить фон. Но средствами css это длиться только пока происходит событие (блок "накрыт", блок кликается ).
[CSS].block{
background-color:#ffff00;
}
.block:hover
{
background-color:#0000ff;
}
.block:active{
background-color:#ff0000;
}[/CSS]

Углы с тенью

[CSS].bg_header{
background-image:url('bg_head.jpg');
width:1200px;
height:434px;
border-bottom:1px blue solid;


}
.header_nav{
background:black;
opacity: 0.2;
width:1200px;
height:38px;

}
.navi{
background-image:url('nav.png');
opacity: 0.25;
width:948px;
height:45px;
margin-left:130px;
margin-top:115px;
}
a{
color:black;
text-decoration:none;



}
.b1{
margin-left:20px;
font-size:12;
margin-top:7px;
float:left;
color:#275c70;
height:30px;
border-right:1px grey solid;
size:13;
}
.b2{
margin-left:15px;
font-size:12;
margin-top:8px;
float:left;
color:#275c70;
height:30px;
border-right:1px grey solid;
size:13;
}
.b3{
margin-left:16px;
font-size:12;
margin-top:9px;
float:left;
border-right:1px grey solid;
height:30px;
size:13;
}
.bo{
margin-top:7px;
margin-right:7px;
size:13;
}
.bo2{
margin-top:6px;
margin-right:7px;
size:13;
}
.bo3{
margin-top:5px;
margin-right:7px;
size:13;
}
.vk1{
margin-left:1100px;
float:left;
margin-top:5px;
}
.fc1{
float:left;
margin-left:5px;

margin-top:4px;
}
.tw1{
margin-left:5px;
float:left;
margin-top:4px;
}

.fcimg:hover{
cursor: pointer;

}
.twimg:hover{
cursor: pointer;

}
.vkimg:hover{
cursor: pointer;

}
.bo4{
margin-top:6px;
margin-right:7px;

}
.b4{
border-right:1px grey solid;
height:30px;
margin-top:8px;
float:left;
margin-left:11px;

}

.bo:hover{
text-decoration:underline;

}
.bo2:hover{
text-decoration:underline;
}
.bo3:hover{
text-decoration:underline;
}
.bo4:hover{
text-decoration:underline;
}
.pic{
width:935px;
height:310px;
border:5px white solid;

margin-left:133px;
border-radius:6px;
margin-top:30px;

}
.b5{
height:30px;
border-right:1px grey solid;
margin-top:8px;
float:left;
margin-left:11px;
}
.bo5{
margin-top:5px;
margin-right:7px;
}
.bo5:hover{
text-decoration:underline;
}
.picturte{
width:935px;
height:309px;
background-image:url('sw.png')

}
.boar1{
width:1200px;
background-image:url('boar.png');
height:14px;

}[/CSS]



Вот это css



а сайт : http://albert20707.16mb.com/
Мне нужно чтоб этот блок не перекрывал картинку!

Этот или тот блок?

Мне нужно чтоб картинка была впереди ! пробовал делать z-index вместе с position:absolute ничего не получалось! не знаю что делать :d

Так она и есть впереди, только состоит из непримыкающих частей. Вы бы изъяснялись точнее:
[IMG]http://moemesto.ru/Bugnet/file/14238070/imagetop.JPG[/IMG]

вы видите эту линию на картинке ?? Она должна быть ЗА картинкой тоесть слева и справа её должно быть видно!!!