Mystery bottom border in firefox

HTML & CSS
1

why is there a line that appears below the animated flag in the left sidebar when you view this site in firefox but not when viewing in chrome?

please advise. thanks in advance.

2

I’m not sure why it shows up in Firefox only, but adding this CSS seems to get rid of it:


#USA img {
    display: block;
    margin: 0 auto;
}
3

Seems to be related to text-decoration property. You can remove underline from #USA and add underline to just links in #USA such as:


#USA {
text-align: center;
text-decoration: none;
}
#USA a {
text-decoration: underline;
}
4

As mentioned above the line was from the text-decoration rule you applied to it.

You also have an invalid structure as anchors can’t contain block level elements (outside of html5).


<a href="/made-in-usa-towels.aspx"><h3>Towels Made Exclusively<br />In the USA!</h3></a>

It should be:


<h3><a href="/made-in-usa-towels.aspx">Towels Made Exclusively<br />In the USA!</a></h3>
5

Which is really just the tip of the iceberg so far as problems with the page goes – the massive images replacing what should be headers and text with zero images off graceful degradation, the massively stuffed keywords meta making 100% certain it doesn’t do anything, scripting for christmas only knows what, that WONDERFUL ASP form around it for no good reason other than the ASP tool used to build the page being rubbish, clearfix and other nonsense inlined in the markup for no good reason, tables for layout, nonsensical heading orders with missing headers, multiple nested div and classes for no good reason… not surprising it’s 12k of HTML for 1.2k of actual text content; basically twice the HTML that should be necessary “as is” – and if you axe those images that should be text and get text in there, that still would only add about 2k back onto it…

Don’t take this too hard – but it’s a laundry list of how not to build a website.

6

thanks everyone. good points all around. i picked up this project where the last person left off so i’m cleaning up a mess.