Borda interna em uma imagem com link

[organized 0]

Olá pessoal, já li várias tutoriais de como aparecer uma borda interna em uma imagem com link, igual na globo.com, além de alguns posts aqui no fórum:

http://www.brunodulcetti.com/blog/2008/01/03/hover-avancado-com-bordas-em-imagens.html

http://www.brunodulcetti.com/blog/2007/06/26/resposta-do-desafio-como-cropar-uma-foto-com-css.html

http://www.flog.co.nz/journal/inner-border/

 

O problema é que não consigo adaptar no meu tema Wordpress. Eu já misturei tanta coisa que acabei com o tema e tive que baixar denovo. Abaixo seguem os códigos originais.

Este é o comando para aparecer o thumb do post com o link:

<div class="cpost">
<div class="thumb"><?php show_thumb($comfy['MTwidth'],$comfy['MTheight'],$comfy['crop'],$comfy['quality']); ?></div>
</div>

E esse é o CSS:

.cpost {
	display: block;
	background: #fff;
	margin: 0 1px 0 0px;
	padding: 15px 10px 15px 10px;
}

.thumb img {
	float: left;
	display: inline;
	overflow: hidden;
	border: 1px solid #c6c6c6;
	padding: 1px;
	margin: 0 10px 0 0;
}

Alguém pode me ajudar?

 

Obrigado!

[Maujor 144]

Tenta incluir o seguinte nas CSS:

 

.thumb a:hover {
 border: 2px solid red !important;
 }
.thumb a:hover img {
 border: none;
 margin: -2px 8px -2px -2px
 }

 

Se não resolver informe o link do blog para analisarmos.

[organized 0]

Olá amigo. Não funcionou. Estou rodando o Wordpress na minha máquina :(

[Evandro Oliveira 331]

Se não resolver informe o link do blog para analisarmos.