1) if you're using mozilla firefox, the pointer switches to the typical "hand";
2) if you're using explorer, the pointer switches to the symbol used when you have to select a text...even though the link works correctly...
Is anybody able to explain me the reason why and how to sort this problem out?
This is the CSS:
- Code: Select all
a, a:link,a:visited,a:active {
color: #636363;
text-decoration: none;
}
a:hover {
color: #d58c00;
text-decoration: none;
}
a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active {
border: rgb(0, 0, 0) 1px solid;
margin-bottom: -40px;
padding-top: 12px;
width: 200px;
display: block;
background: #dbdbdb;
height: 210px;
}
a.thumbnail:hover {
border: #fe9800 1px solid;
margin-bottom: -40px;
padding-top: 12px;
width: 200px;
display: block;
background: #ffbb55;
height: 210px;
}
body{
margin-bottom: 20px;
margin-top: 0px;
background: #cccccc;
}
div,th,tr,table,font,li,ul,form,
blockquote,p,b,i,h1,h2,h4,h5,font, center {
border: 0px;
color: #c17600;
font: 12px verdana, arial, sans-serif;
}
font {
margin-left: 4px;
margin-right: 4px;
width: 170px;
display: block;
color: #636363;
font: 9px verdana;
letter-spacing: 0px;
}
h1, h2 {
border: #ffbb55 3px ridge;
border-left: 1px none;
border-right: 1px none;
border-top: gray 1px solid;
margin-left: -10px;
margin-right: 0px;
padding: 10px;
width: 99%;
display: block;
background: #ffbb55;
color: #636363;
font-size: 25px;
font-weight: normal;
letter-spacing: 10px;
text-align: center;
height: 18px;
position: relative;
}
h3 {
border-bottom: #ffbb55 2px solid;
border-left: 1px none;
border-right: 1px none;
border-top: #ffbb55 2px solid;
padding: 10px;
width: 120px;
display: block;
background: #dbdbdb;
color: #636363;
font-size: 11px;
font-weight: normal;
letter-spacing: 3px;
text-align: center;
}
h4 {
font-size: 9px;
}
h5 {
padding-left: 40px;
padding-top: 19px;
width: 350px;
display: block;
color: #494949;
font-size: 11px;
font-weight: normal;
letter-spacing: 2px;
}
img{
border: rgb(0, 0, 0) 1px none;
}
img.thumbnail {
border: #a1a1a1 1px solid;
margin: 0px;
padding: 7px;
background: white;
vertical-align: middle;
}input {
border: rgb(0, 0, 0) 1px solid;
}
table.thumbnail {
width: 10%;
}
.thumbnail {
display: none
}
table {
margin-top: -27px;
}
.Buga {
width: 70%;
margin-left: 20px;
margin-right: 20px;
margin-top: -10px;
margin-bottom: 10px;
}
.bugacopyright {
margin-top: 10px;
border-top: #636363 1px solid;
}
.title {
width: 720px;;
text-align: center;
letter-spacing: 1px;
}
td {
border: 1px none;
background: none;
border-collapse: collapse;
empty-cells: show;
}
td.message_body {
border-bottom: rgb(0, 0, 0) 1px dotted;
border-left: 1px none;
border-right: 1px none;
border-top: 1px none;
display: block;
background: rgb(40, 40, 40);
}
.caption {
color: rgb(95, 121, 216);
font: 12px Verdana, Arial, Sans serif;
font-style: italic;
}
.display {
border: #636363 1px solid;
margin-top: 20px;
background: #636363;
margin-left: 0px;
}
#divid.display {
margin-left: 35px;
}
.lid{
background: rgb(55, 55, 55);
color: rgb(102, 102, 102);
font: 11px Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
.message_body {
margin: 5px 5px 10px;
color: rgb(91, 91, 101);
font: 10px Verdana, Tahoma, Helvetica, sans-serif;
}
.sb{
background: rgb(91, 91, 101);
color: rgb(204, 204, 255);
font: 12px Verdana, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}