<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> div { float: left; } div#articles { background: url(grafika/articles_bg.gif); height: 187px; width: 424px; } div#user_panel { background: url(grafika/user_panel_bg.gif); width: 242px; height: 164px; } div#zaklady_top { background: url(grafika/zaklady_top_bg.gif); width: 313px; height: 164px; } </style> </head> <body style="text-align: left"> <img src="grafika/panel_top.gif" alt="Open betting / Last matches / User panel" style="display: block; width: 553px; border: 0; margin: 0; padding: 0; flaot: left;"> </body> </html>

Czy da się to jakoś zrobić bez używania javascriptu, (żeby zastosować ujemny margines dla img w IE) i bez pakowania tego do diva?