Hello,
I am working on this site: SNIP SNIP SNIP which you may have seen help posted for before (for a different thing, which is ongoing still). This time I have an issue about IE (Internet Explorer). When I visit my website in IE9 I see blue boxes around the images, how can I fix this? I know it's because their links but I need the links.
HTML:
<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.0 Transitional//ENS"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Give a Little, Get a Lot!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body id="body" bgcolor="D6D0D0" >
<div id="main">
<div id="header">
</div>
<br >
<div id="logo"><a href="index.html" ><img src="images/galgal.png" ></a></div>
<br >
<div id="logo2"><a href="http://www.smashleaks.co.uk" ><img src="http://a3.twimg.com/profile_images/1709604664/SmashLeaks.png" height="150" width="250"/></a></div>
<div id="marquee" >
<div id="marq" >
<marquee behaviour="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" ><font color="white" face="Arial"> Update: (Name) - (£Amount) | (Name) - (£Amount)</font></marquee>
</div>
</div>
<br >
<div id="Welcome">
<p>Test</p>
</div>
<br >
<div align="center"><div id="African1">
</div>
<br >
<div align="center"><div id="African2">
</div> </div>
<div id="donate"><img src="images/Donate.png" ></div>
<br ><br ><br >
<div id="footer">
© Copyright Give a Little, Get a Lot!
</div>
</div>
</div>
<br ><br >
</body>
</html>CSS:
body {
}
#header{
position: relative;
background-color: #bbbbbb;
border-bottom: 6px solid #bbbbbb;
}
#main{
font-family: sans-serif;
width: 1000px;
border: 5px solid #FFFBFA;
margin: 20px auto 0 auto;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
color: #bbbbbb;
background-color: #1165BA;
}
#marquee{
margin:50px 0 60px 0;
position: relative;
}
#logo2{
position: absolute;
z-index: 1;
right: 177px;
top: 148px;
}
#marq{
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #000000;
background-color: #E65A2C;
width: 900px;
height: 18px;
padding: 2px 5px;
color: #f0f0f0;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
margin-left: 0.1in;
}
#Welcome {
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
border: 2px solid #000000;
background-color: #E65A2C;
width: 300px;
height: 250px;
padding: 2px 5px;
color: #f0f0f0;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
margin-left: 0.1in;
}
#African1 {
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
border: 2px solid #000000;
background-color: #E65A2C;
width: 250px;
height: 170px;
padding: 2px 5px;
color: #f0f0f0;
font-size: 14px;
text-transform: uppercase;
background-image:url('images/African1.jpg') ;
font-weight: 700;
margin-right: 0.1in;
}
#African2 {
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
border: 2px solid #000000;
background-color: #E65A2C;
width: 250px;
height: 170px;
padding: 2px 5px;
color: #f0f0f0;
font-size: 14px;
text-transform: uppercase;
background-image:url('images/African2.jpg') ;
font-weight: 700;
margin-right: 0.1in;
}
#footer{
font-size: 12px;
background-color: #FF0000;
color: #FFFFFF;
padding: 5px;
text-align: center;
}