I’m working on my website but I can’t for the life of me work out why my line height for links in IE don’t work.
Works great in Firefox on PC / Mac, just not IE PC.
Go to http://www.infinitymedia.co.uk/photos.html
The offending CSS is in bold.
body {
background : url(images/tile1.jpg);
background-repeat : repeat-x;
background-color : #2b2a25;
margin-top : 10px;
}
a:link {
color : #fff;
}
a:visited {
color : #666;
}
a:hover, a:active {
color : #f60;
}
#container {
position : relative;
width : 780px;
background-image : url(images/home.gif);
background-repeat : no-repeat;
height : 680px;
margin : auto;
}
#intro {
padding-right : 10px;
}
#pageHeader {
display : none;
}
#logo {
clear : both;
float : left;
background-image : url(images/logo.gif);
background-repeat : no-repeat;
position : absolute;
top : 52px;
left : 477px;
width : 273px;
height : 25px;
}
#quickSummary {
clear : both;
width : 283px;
background-image : url(images/butback1.gif);
background-repeat : no-repeat;
margin : 10px 0 0 30px;
}
#quickSummary2 {
clear : both;
padding-top : 0;
padding-bottom : 0;
width : 120px;
float : left;
margin : 2px 0 0 120px;
}
#quickSummary .p1 {
text-align : left;
margin-top : 0;
margin-left : 15px;
font-family : arial;
font-size : 10px;
color : #fff;
line-height : 10px;
}
#quickSummary .p1 {
text-align : left;
margin-top : 0;
margin-left : 15px;
font-family : arial;
font-size : 10px;
color : #fff;
line-height : 10px;
}
* html #quickSummary .p1 {
line-height : 10px;
}
#quickSummary .p2 {
text-align : left;
margin-left : 0;
font-family : arial;
font-size : 11px;
color : #fff;
line-height : 15px;
}
#recent {
clear : both;
float : left;
background-image : url(images/bottombit.gif);
background-repeat : no-repeat;
position : absolute;
top : 425px;
left : 310px;
width : 273px;
height : 200px;
}
#recent .p1 {
text-align : left;
margin-left : 20px;
font-family : arial;
font-size : 10px;
color : #fff;
line-height : 12px;
}
#recenttitle {
clear : both;
float : left;
background-image : url(images/recent_title.gif);
background-repeat : no-repeat;
position : absolute;
top : 388px;
left : 315px;
width : 273px;
height : 200px;
}
#photos {
clear : both;
float : left;
background-image : url(images/bottombit.gif);
background-repeat : no-repeat;
position : absolute;
top : 200px;
left : 50px;
width : 210px;
height : 140px;
}
#photos .p1 {
text-align : left;
margin-top : 0;
margin-left : 20px;
font-family : arial;
font-size : 10px;
color : #fff;
line-height : 12px;
}
#photos .p3 {
text-align : left;
margin-top : 0;
margin-left : 0;
font-family : arial;
font-size : 10px;
color : #ccc;
line-height : 16px;
}
#photostitle {
background-image : url(images/photot1.gif);
background-repeat : no-repeat;
position : absolute;
top : 135px;
left : 50px;
width : 210px;
height : 27px;
}
#supportingText {
padding-left : 260px;
padding-right : 20px;
}
#supportingTextskills {
position : absolute;
left : 268px;
width : 400px;
height : 284px;
top : 35px;
}
#supportingTextphotos {
position : absolute;
left : 315px;
width : 400px;
height : 433px;
top : 115px;
background-image : url(images/bolivia.jpg);
background-repeat : no-repeat;
overflow : visible;
}
#footer {
position : absolute;
top : 620px;
margin-left : 30px;
width : 237px;
left : -1px;
}
#footerright {
position : absolute;
top : 620px;
width : 237px;
left : 510px;
}
#footer .p1 {
font-family : arial;
font-size : 10px;
color : #fff;
font-weight : 400;
line-height : 17px;
}
#footerright .p1 {
font-family : arial;
font-size : 10px;
text-align : right;
color : #fff;
font-weight : 400;
line-height : 17px;
}
#news {
margin-left : 0;
position : absolute;
top : 90px;
left : 46px;
line-height : 25px;
height : 273px;
width : 162px;
padding : 20px;
}
#news .p1 {
font-family : arial;
font-size : 10px;
color : #fff;
font-weight : 400;
line-height : 15px;
}
#news .p2 {
font-family : arial;
font-size : 11px;
color : #f60;
font-weight : 700;
line-height : 15px;
}
#extraDiv1 {
background-image : url(images/maincontent_area.gif);
background-repeat : no-repeat;
position : relative;
width : 780px;
top : 100px;
height : 530px;
}
#extraDiv2 {
background-image : url(images/me.jpg);
background-repeat : no-repeat;
position : relative;
width : 400px;
top : 0;
height : 200px;
color : #ccc;
}
#about {
background-repeat : no-repeat;
position : relative;
width : 170px;
top : -200px;
height : 200px;
left : 200px;
}
#about .p1 {
font-family : Tahoma;
font-size : 11px;
color : #fff;
font-weight : 400;
line-height : 17px;
}
#supportingTextskills .p2 {
font-family : arial;
font-size : 11px;
color : #f60;
font-weight : 700;
}
#preamble .p3, #supportingTextskills .p1 {
font-family : arial;
font-size : 10px;
color : #666;
font-weight : 700;
}