Graphical Border Error on load?

[YamahaR1]

My Layout (from SuzyUK's template) looks like this

#header
#nav
#content
#footer

Everything is layed out and behaving perfectly.

Content has a 'border-top: 1px solid gray'.
Nav has a 'border-right: 1px solid gray'.

All of my pages work except for one.

On that page, in content div, I have text, two images, and a definition list with 'border: solid gray 1 px'.

When it refreshes or loads the page, one of the borders (I think from the definition list) starts about 1" below the header. As the content and image loads, it bumps down to where it falls into the page.

But it leaves the border behind. So I have this extra graphical border error in my content. It happens in IE6 on three comps.

If you roll the mouse wheel over it (scroll down, then back up) it dissapears. But when you refresh the page, its baaaaaack.

So for the structure layout of divs, I'm using defined sizes and ratios, hoping it will load more close to correct, but it didn't change anything.

Other than this stupid glich, my page is great and validated XHTML1.0

[Wlauzon]

'border: solid gray 1 px'.

The space between the 1 and px?

[YamahaR1]

No thats just my forum-typing :)