Hi Can anyone help me

I have 4 div's that i want to line up next to each other horizontially. I have put them all in a container div that is 579px wide. Three of the div's have a width of 148 and a border right of 2px, the last div has a width of 134px with no border.

The problem is that in netscape 6 the 2 central div's do not align on the bottom as the 2 outer div's and in explorer there is a big gap between the last div and the 3rd div...... i reckon this sounds pretty confusing so there is an example link below


if you save the page you can look at my style sheet

any help would be much appreciated