CSS problem with IE

Question

Hi
I have created a style sheet and linked it to a template to
form the basis of a website. I have included a background image in
the masthead. It works fine in Firefox, but when I review the
template or any pages made from the template in Internet Explorer
the background image is not visible. I have checked my CSS with the
W3C validator and there are no errors, so I am assuming that it is
an IE problem. If anyone can help it would be great, as at least
50% of the people who will wish to view the site I am trying to put
together will be using IE.

Answer 1

Assuming that this is the correct path to the background
image, change
this -
background: url("../graphics/for banner.jpg")no-repeat right
top;
to this -
background: url("../graphics/for banner.jpg") no-repeat right
top;
(note missing space after the closing parenthesis)
Also, it's very bad form to have spaces in your
file/pathnames. I suuggest
that you rename those files.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"sallw" <[email protected]> wrote in message
news:[email protected]...
> Oh, and here is the code to the CSS
>
> /***********************************************/
> /* HTML tag styles */
> /***********************************************/
>
> body{
> font-family: Arial,sans-serif;
> color: #333333;
> line-height: 1.166;
> margin: 0px;
> padding: 0px;
> background-color: #f8f8fa;
> width: 100%;
> }
>
> a:link, a:visited, a:hover {
> color: #006699;
> text-decoration: none;
> }
>
> a:hover {
> text-decoration: underline;
> }
>
>
> h1, h2, h3, h4, h5, h6 {
> font-family: Arial,sans-serif;
> margin: 0px;
> padding: 0px;
> }
>
> h1{
> font-family: Times New Roman;
> font-size: 120%;
> color: #002a69;
> }
>
> h2{
> font-size: 114%;
> color: #006699;
> }
>
> h3{
> font-size: 100%;
> color: #002a69;
> }
>
> h4{
> font-size: 100%;
> font-weight: bold;
> color: #002a69;
> }
>
> h5{
> font-size: 100%;
> color: #334d55;
> }
>
> ul{
> list-style-type: square;
> }
>
> ul ul{
> list-style-type: disc;
> }
>
> ul ul ul{
> list-style-type: none;
> }
>
> label{
> font: bold 100% Arial,sans-serif;
> color: #334d55;
> }
>
>
> /***********************************************/
> /* Layout Divs */
> /***********************************************/
>
> #masthead{
> margin: 0;
> padding: 10px 0px;
> background: url("../graphics/for banner.jpg")no-repeat
right top;
> border-bottom: 1px solid #cccccc;
> width: 100%;
>
> }
>
> #navBar{
> margin: 0 80% 0 0;
> padding: 0px;
> background-color: #eeeeee;
> border-right: 1px solid #ccc;
> border-bottom: 1px solid #ccc;
> }
>
> #content{
> float:right;
> width: 75%;
> margin: 0;
> padding: 0 3% 0 0;
> }
>
>
> /***********************************************/
> /*Component Divs */
> /***********************************************/
>
> #siteName{
> margin: 0px;
> padding: 0px 0px 10px 10px;
> }
>
>
> /*************** #pageName styles **************/
>
> #pageName{
> padding: 10px 0px 0px 0px;
> }
>
>
> /************* #breadCrumb styles *************/
>
> #breadCrumb{
> font-size: 80%;
> padding: 5px 0px 5px 10px;
> }
>
>
> /************** .feature styles ***************/
>
> .feature{
> padding: 0px 0px 10px 10px;
> font-size: 80%;
> }
>
>
> /************* #siteInfo styles ***************/
>
> #siteInfo{
> clear: both;
> border: 1px solid #cccccc;
> font-size: 75%;
> color: #cccccc;
> padding: 10px 10px 10px 10px;
> margin-top: 0px;
> }
>
>
> #siteInfo img{
> padding: 4px 4px 4px 0px;
> vertical-align: middle;
> }
>
>
> /************* #search styles ***************/
>
> #search{
> padding: 5px 0px 5px 10px;
> border-bottom: 1px solid #cccccc;
> font-size: 90%;
> }
>
> #search form{
> margin: 0px;
> padding: 0px;
> }
>
> #search label{
> display: block;
> margin: 0px;
> padding: 0px;
> }
>
>
> /*********** #navBar link styles ***********/
>
> #navBar ul a:link, #navBar ul a:visited {display:
block;}
> #navBar ul {list-style: none; margin: 0; padding: 0;}
>
>
> #navBar li {border-bottom: 1px solid #EEE;}
>
>
> html>body #navBar li {border-bottom: none;}
>
>
>
> /*********** .relatedLinks styles ***********/
>
> .relatedLinks{
> margin: 0px;
> padding: 0px 0px 10px 10px;
> font-size: 90%;
> }
>
> .relatedLinks h3{
> padding: 10px 0px 2px 0px;
> }
> .relatedLinks a:visited{
> color: #006699;
> text-decoration: none;
> }
>
> .relatedLinks a:hover{
> color: #006699;
> text-decoration: underline;
> }
> /************** #headlines styles **************/
>
> #headlines{
> margin: 0px;
> padding: 10px 0px 20px 10px;
> font-size: 80%;
> }
>
> #headlines p{
> padding: 5px 0px 5px 0px;
> }
>