problem in IE after asynchronous (AJAX) call

hi all

I have a jsp-based website. The initial layout of the page is correctly displayed both in FF and IE7.
However, when I refresh only a part of the page (e.g. a single jsp, using AJAX), the layout of one of the jsp-s gets screwed - it moves down a little.
If I remove a <form> tag from one of the jsp pages (not the one, which refreshes), this problem does not occur any more. However, I need the <form> and cannot afford to skip it.

Recently I had a similar problem: one of my .jsp-s contained a list

Code: Select all

<ul>
   <li>...</li>
   <li>...</li>
</ul>

and only after an asynchronous refresh, it got screwed in IE. In order to avoid this, I had to transform it into:

Code: Select all

<ul>
   <span>...</span>
   <span>...</span>
</ul>

I'm really curious what could be the solution in this case!?!?!?!

looking forward to any suggestions

try clearing your block tags. I can't post code because i'm on my mobile but look for Ryan Fait's 'clearing with css'...

hey,

I tried searching for Ryan Fait's 'clearing with css', but couldn't find anything...
What I just tried is adding "clear:both" to all elements, which have "display:block". I don't know whether this is what you meant, but it didn't help..

erm... I Google'd Ryan Fait Clearing with css and this is the top result.