prototype? css? background-color?

Hello.

Har en container-div där underdivar läggs till genom en loop. Varje sån här underdiv ska ha funktionaliteten med drag n drop, sortering (genom att använda prototype/scripta...). Detta fungerar perfekt i Safari, FF men inte i IE 7 (såklart).

Det är två grejor som beter sig underligt nu:

1. Slår jag på background-color på den div som skapas i loopen så ser man inte innehållet (dvs text eller liknande) för den diven tills det att man klickat 1 gång på den, därefter beter den sig "normalt".

2. Första gången man börjar dra i diven så blir det som ett x-offset från muspekaren, men inte nästa gång man börjar dra i diven.

Postar utgenerard kod:

(den css som är kopplad nu på dessa div-ar är endast för att sätta font-size, background-color)

Lägger jag inte till javascript-biten så ser ju allting rätt ut.

<div id="menuItemContainer_2" class="optionsMenuItemContainer">
	
	<div id="m2_optionsMenuParent" class="optionsMenuParent" onclick="ProgramOptionsHandler.expandParent(2)">
		<div style="float: left;">
			Mediaitems <label id="m2_optionsMenuParent-items">(1 st)</label>
		</div>	
		
		<div style="float: left;">
			<input type="submit" style="width: 100px" onclick="NewMediaHandler.addNewMediaItem()" value="Add media">
		</div>
		
		<div id="clearfix"></div>
	</div><!-- end of m2_optionsMenuParent-div -->
				
	<div id="mediaItems">
	<!-- loop börjar här -->				
		<div id="m2_submenuItem_8" class="optionsMenuSubitem" style="background-color: #e1e1e1;">
			
			<div id="m2_submenuItemTitle_8" style="float: left;">
				Lorem ipsum				
			</div><!-- end of m2_submenuItemTitle_x-div -->
										
			<div id="m2_submenuItemOptions_8" style="float: left;">
				<input type="submit" value="Redigera" onclick="EditMediaHandler.edit(8)">
			</div><!-- end of m2_submenuItemOptions_x-div -->
									
																		
			<div id="clearfix"></div>
												
		</div><!-- end of m2_submenuItem_x-div -->
								
		<script type="text/javascript">
			new Draggable('m2_submenuItem_8', { revert: true });
		</script>					
								
<!-- loopen slutar här -->

		<script type="text/javascript">
    			Sortable.create('mediaItems',{tag:'div', constraint: false});
  		</script>
				
</div><!-- end of menuItemContainer_2 -->

Någon som har någon idé vad det kan vara?