did you look at the example url i posted in IE?
__[url=http://www.filipes.com/gearlive/example.htm]http://www.filipes.com/gearlive/example.htm
[/url]
The reason the stretching occurs is because the image is 850 pixels in width while the div containing it is only 800 pixels. Firefox is doing the correct thing by expanding the div, while bugged out Internet Explorer crops the image. If #banner had overflow:hidden; then i would understand why Internet Explorer would hide the image after 800 pixels, but since overflow:hidden; is not specified inside #banner, there is no reason for it to be cropping the image. One of the reasons why i hate Internet Explorer and why it has put me through a lot of BS when making websites. Adding overflow:hidden; will also fix the problem, it tells the div not to display anything else after 800 pixels. It will work on both browsers, but to be on the safe side i would crop the image. Never know what other people are browsing with and how their browser will handle overflow:hidden;.
#banner
{
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
background-color: #999999;
text-align: left;
padding: 0px;
border-bottom: 1px solid #FFFFFF;
height: 162px;
overflow: hidden;
}
