Style sheet cross browser issues

Question

Hi I am having a couple of issues with a test site i am producing
The URL is above.
All works ok in I.E.8
but in IE7 the links on the header are no longer in-line causing them to dissapear from view in some cases.
And in IE6 the header size appears doubled ?? and the right hand news div drops out of line??
Probably something simple, but please advise.
Many thanks
Mark
[Subject line edited by moderator to remove URL]

Answer 1

Markcronin123 wrote:
Hi Nancy
http://www.epproductions.co.uk/katebellingham/
here is the link :-)
Make a backup of the page and stylesheet, ie copy them so you have an original to go back to.
What happens to the links in the header if you change the 'header' css to exactly as below. Delete ALL and I mean ALL references to any 'header' css in your current css file and replace it with the selectors below:
#header {
height: 95px;
background-image: url(header.jpg);
padding-bottom: 5px;
overflow: hidden;
#header ul {
margin: 0;
padding: 0;
#header li {
list-style-type: none;
float: right;
margin: 0;
padding: 0;
#header ul li a {
text-decoration: none;
color: #FFF;
font-size: 15px;
float: right;
padding: 70px 22px 0 0;
text-align: center;
font-weight: bold;
#header ul li a:hover {
font-size: 17px;
As for your news <div> dropping try floating it left instead of right as its a much more stable structure. If it still drops take out the innernews <div> and see if it goes back into line.
#frontnews {
    float: left;
    height: 355px;
    width: 260px;
    background-color: #FFF;
    padding: 20px;
    text-align: center;
    background-image: url(news.jpg);
    background-repeat: no-repeat;
    background-position: center center;