I have 2 columns on a page which are fixed widths (bodyleft and bodyright) which using float are in the correct position however I want a 1pix border/ divider down the middle to divide them. The only problem is the content of the 2 columns is dynamic and therefore I do not know which of the two will be the longest.
There are a couple of ways
There are a couple of ways to achieve this. One would be to use a background image on the containing element. Another would be to use the border method you mention, but position one of the floats relatively 1px closer to the other float.