[SOLVED] Need a little help

[D12Eminem989]

I have an issue with my css. The css scripting I coded works great in Firefox however in IE it sucks. Take a look here:

 

Here is the view in Firefox:

http://i26.tinypic.com/2e16djr.jpg

 

Here is the view in IE:

http://i26.tinypic.com/20hqdub.jpg

 

Is there anyway to fix that issue in IE?

[phpQuestioner]

 

What specifically is the problem you are having with the way your css is displaying in IE?

[D12Eminem989]

Take a look at the IE picture, My announcements bar is way streatched out. The navigation images above are alittle break line under it. In Firefox there isn't.

[Mossman]

It looks like the images are repeating.  If they are in a div or class, make the width and height of the div the same size as the image.  Or put the code on here and some guru will solve it for you

[D12Eminem989]

It works fine in Firefox. Just how I want. But IE sucks and screws everything up.. Here's my code:

 

/* General */
body {
background: #C0C0C0;
color: #FFFFFF;
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
a:link, a:active, a:visited, a.postlink {
color: #AAAAAA;
text-decoration: none;
}
a:hover {
color: #FFFFFF;
}
.bg {
background: #40382b;
}
.announcement {
background: #40382b url(images/template/32dnsckj.jpg);
padding: 5px 115px;
}
hr {
border: none 0;
border-top: 1px dashed #000000;
height: 1px;
}
.tf {
font: 10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color: #FFFFFF;
background: #40382b;
border: 1px solid #000000;
padding-bottom: 2px;
padding-left: 2px;
}
img {
border:0 solid;
}

/* Poll */
.poll_bar {
border: 1px solid #000000;
height: 9px;
width: 75%;
}
.poll_bar_fill {
background-color: #000000;
height: 9px;
}

/* Menu(s) */
.menua-1 {
background: #40382b url(images/template/w8o1hh5l.jpg);
padding: 5px 5px;
}
.menua-2 {
background: #40382b url(images/template/mp9dfcv7.jpg);
height: 7px;
}
.menub-1 {
background: #40382b url(images/template/b4q8qafm.jpg);
padding: 5px 5px;
}
.menub-2 {
background: #40382b url(images/template/cy8a7p5z.jpg);
height: 7px;
}
.menuc-1 {
background: #40382b url(images/template/eb43nm8m.jpg);
padding: 5px 5px;
}
.menuc-2 {
background: #40382b url(images/template/qe57c79w.jpg);
height: 7px;
}

[Mossman]

well you already have height: 7px set for a few of them so just put in the width as well, that should sort it out.

[D12Eminem989]

Anyone got any ideas?