Thanks....but as u see my site needs alot of improvement .....can u help me plzzzzz.....
It's not that bad, -really. And yes, -I'll snag the code for offline and have a peek at it again. I mostly just see 'little things' that aren't really errors, but affect the correct way of displaying the page. Like this:
The 'correct order' for pseudo-class is "Link, Visited, Hover and then, Active", otherwise, a visitor will get the 'visited link color' first, etc. You want to 'color the link' first, the color the "visited link" next, then color "hover" link next, and the "active" ("mouse down" link last), etc... All these are easily fixable things.
That beautiful red & orange image is 753px wide by 165px tall, and the container that contains it is:
background: #98B380 url(style_images/eco-en/tile_back.gif);
border: 1px solid #FFF;
IE incorrectly expands the DIV to 'contain the contents', so you see what you/IE think(s) you want to. Firefox (and other compliant browsers) obey the CSS, correctly, and thus the image extends outside of the container, overlapping things below it...
The "height:120px" in "#logostrip" needs to be increased to "height:165px;". I just checked with my 'offline browser' and see NO change with IE (good) with height:165px;, but now in Firefox, the red & orange image fits nicely inside and the clickable links are 'below', -as they should be. -It looks more like how IE is displaying this.