CSS Problem

[nezmin2]

I would be very greatful if someone could look at my css code and tell me why it displays incorrectly in all browsers except Internet Explorer.

The url is http://www.threeriversfishing.com/layout.css

I like my code to validate so I really do not want to hack up my css file.

[speed]

Firstly the flash animation doesn't play for me in Firefox 1.0PR, other flash files do. Unfortunately I don't use flash enough to be able to tell you why it won't play.

I did notice in #Header you have height: 80px, the clearwater-river.jpg is 60px so that leaves only 20px for the flash animation, so that will need checking.

The text running over the menu is fixed (I only tried this with the homepage) by changing #Main #Middle to:

#Main #Middle {
margin: 0 12% 0 160px;
padding: 0 0;
border: 1px;
}

For the fishing boat pic on the about page, you need to optimise the file it's massive, as part of that optimisation don't use the browser to resize the image but instead resize the image to the correct size before uploading it to the web.

Once you have corrected that then get rid of the <div class="images">....</div> around the image and apply a style direct to the image e.g.:

.test {
float: right;
margin-left: 0.5em;
}

I think that's the main problems.