IE7 template issues

[symptom]

I've searched the forums and FAQs but couldn't turn up any information to help me with my problem.

I an a graphic designer but not a coder so I'm a little lost here.

www.swtradecompany.com/store is were the cart is located.

The problem is nothing up the background color shows in IE but in FF it looks just as I want it to. Could anyone tell me why IE would display it that way? I'm sure I have some extra non used code in the spread sheet, but I'm not sure what is affecting the IE layout.

Thanks in advance.

Also while im at it could someone tell me how i could move the header bar to under the header image?

[Kim]

Start with fixing the errors in the html and see where it goes after that. http://validator.w3.org/check?verbos...com%2Fstore%2F

[symptom]

Thanks for the comment.

I'm not sure how this is supposed to be written though, as I said I'm no coder.

<a href="http://www.swtradecompany.com"><p align="center" <img src="images/large/testimage.gif"</a>

[Kim]

<a href="http://www.swtradecompany.com"><p align="center" <img src="images/large/testimage.gif"</a>

<a href="http://www.swtradecompany.com"><img src="images/large/testimage.gif" alt="" /></a>

You have to "close" all the tags.

[Website Rob]

<a href="http://www.swtradecompany.com"><img style="align:center" src="images/large/testimage.gif" alt="SW Trade Company" /></a>

Not sure if you needed or wanted the P tag as it shouldn't be used there.

[symptom]

What would be the proper way to center the image without the <p?

Also that fixes all the HTML errors. But the image isn't center as I wanted and the IE problem is still there =/

[symptom]

Wanted to say thanks for the quick responses. I hope I'm not coming off like an ######.

[clydejones]

Wanted to say thanks for the quick responses. I hope I'm not coming off like an ######.

IE does not recognize the highlighted portions of these stylesheet declarations.

#mainWrapper {
filter: alpha(opacity=0);
-moz-opacity: 1.00;
opacity:1.00;
background-color: #32140a;
background-image: url(../images/bg1.jpg);
text-align: left;
width: 775px;
vertical-align: top;
}


#logoWrapper {
filter: alpha(opacity=100);
-moz-opacity: 1.00;
opacity:1.00;
width: 775px;
height:200px;
background-image: url(../images/header.png);
background-repeat: no-repeat;
}

[symptom]

See i knew it was some stupid code I was experimenting with and forgot to remove. Thank you so much,

Now for the other 2 problems:

Centering the image in the body window. the previous code although correct doesn't seem to want to center the image and the added <p although wrong did center the image.
<a href="http://www.swtradecompany.com"><img style="align:center" src="images/large/testimage.gif" alt="SW Trade Company" /></a>

And is there a way to move the bar on top of the header image to below it? along with its menu and search?

[symptom]

I got the bar moved sort of, has a space between them I have to figure out how to move now =)