Question

my website for the most part works well, but I have one small problem with the Site-Title padding in IE7. In all other browsers there is sufficient padding around the main logo. See top-left logo at website: http://alt.beaufortmusicfestival.com In IE7 there is no padding between the word “Festival” and the top edge of the main nav bar. When I mod the code it changes in all but IE7 in which there is no difference at all. Please see the following:

#site-title{
 padding:0px 0 0px 0;      **** this is the code that i am refering to. ****
}

Is there something I am missing here? I know IE 7 is quite querky. This css code is located in a file called ie.css and is called as a conditional css file in my header, which seems to be working OK at the moment. It’s just that IE doesn’t seem to recognize any changes to the padding-bottom code. Please advise. Thanks.

Answer 1

You can try specifically for IE7

*:first-child+html #site-title {
    padding-bottom: 25px;
}