Hi there,
I seem to be having major problems with my design in IE6 (thus far
fine in IE7 and Firefox, though I imagine IE5.5 will have the same
problems).
I have a DIV named: #latest that has the following:
/* Latest News Style
----------------------------------------------- */
#latest {
width: 475px;
float:left;
background: White;
padding-bottom: 20px;
border-bottom: 0;
text-align: left;
line-height: 150%;
padding: 0 15px 0 15px;
}
#latest h2 {
margin: 15px 0 15px;
padding-bottom: 15px;
height: 0px;
font:200% Georgia,Serif;
line-height:1.3em;
color: #A52A2A;
}
#latest h2 a {color: #A52A2A;}
#latest h2 a:hover {color:#630;}
#latest h3 {
margin: 15px 0 15px;
padding-bottom: 10px;
height: 0px;
font:100% Georgia,Serif;
line-height:1.3em;
color: #2A68A4;
border-bottom: 0;
}
You can download from here: http://www.eilig.co.uk/css.txt
Now that code should produce the following:
http://www.eilig.co.uk/grab2.jpg but when viewed in IE6 I get this:
http://www.eilig.co.uk/grab2.jpg
I have spent about 2 hours clueless here hence my email in desperation :)
Does anyone know what might be causing this?
--
Regards
Karl
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
