IE7 very clumsy with percentage renderng

[punisa]

Internet Explorer has so many flaws that it's funny. Who are the people behind it? Is Gates giving the work over to amateurs these days?
Ok, enough of that : D

my layout:

___width:27%________width:46%_________width:27%__
##..........##....................##...........##
##.--------.##.------------------.##.---------.##
##.--left--.##.------middle------.##.--right--.##
##.--------.##.------------------.##.---------.##
##..........##....................##...........##

Inside middle div:
.middle_inner{width:100%;}

AND inside middle_inner are 5 of these:
.small_pic{width:20%; height:20px;}

5x20% still equals 100%, correct? Well apparently IE doesn't agree.
If I resize the browser window on certain spots one of those 5 small_pic elements will get "wrapped" into next line below.

I do understand that when working solely with percentage as I do on this project, there will be pixel discrepancy on a certain width, as pixels are non breakable.
But why Firefox displays it totally correctly, never wraps, while IE does?
Bad bad piece of software..

What could I do for this situation? I *could* lower the percentage width of a small_pic element down to 19.9% or else, but then the layout is not perfect anymore :((

p.s. yes, it took me 10 minutes to make that illustration with dots and dashes up there. Why? It's just one of those days when I feel like a geek, lol ! : )))

[steve]

But why Firefox displays it totally correctly, never wraps, while IE does?

Because FF rounds percentages down and IE rounds them up.