Напротив, много повече са грешките когато започнеш да изграждаш собствен сайт, и трябва да ти побелее косата, като започнеш да се бориш всичко да е ок на всички броусери. 

И има начини да си спестиш всички главоболия и това са готовите темплейтни системи като Bootstrap, който се грижи всичко да е това, което искаш на всеки браузър. Но пак има разлики, така че мога да те посъветвам, винаги да пишеш един 80 реда default селектор в CSS който ти оправя всичко да е от нулата, а не както на браузъра му хареса.

А това, че не излизат картинките, може само да ти каже: 01.Колко са тъпи другите два браузъра и колко не трябва да се използват :D 02.Някой браузъри не разбират начина ти на писане на картинките. "content" може да не значи нищо за енджините им. Пробвай да сложиш един празен контейнер с големина W:40px H:20px и сложи background: url() да видим дали ще се оправи.

На Opera Browser излиза нормално.

Подобен проблем съм имал с e107 като разширението на файла е написано с главни букви. Примерно image.png и image.PNG, но в твоя случай няма как да е от това.

.brasil_flag {
float: right;
padding: 0px 3px;
content: url("images/brasil.png");

Само за тест пробвай float: right; да го махнеш от каскадния стил и да видиш, дали изобщо ще се появят.

Другото, което може да пробваш е сложи каскадният стил в
td.brasil_flag

От тук Цък може да проверяваш през различни браузъри и операционни системи как изглежда.

Може да пробваш да си поиграеш с 

vertical-align: top;
    padding-top: Xpx;
    padding-bottom: Xpx;
    padding-right: Xpx;