Tengo el siguiente código que hace que cuando se trabaja en una pequeña ventana o quitas zoom a la ventana el divMenu en chrome solape el divexp (para plegar o desplegar el menú) y el divbody. He probado diferentes cosas, en IE11 funciona correctamente **(*depurando y buscando el elemento divMenu observo que también ocupa más contra menos zoom le das a la pantalla en IE11, pero aquí si funciona bien. ¿Será por z-index?*)** A ver si alguien me puede ayudar, paso el código:

Conforme lo tengo ahora mismo el código, solo me da el problema presentado al plegar y desplegar en chrome, en IE11 funciona bien. 

Aquí el CSS:

    .divExp {
	position:absolute;
	z-index:2;
	float:left;
	background: url('img/ico_Exp.gif') center no-repeat;width:10px;height:55px;border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; color: #222222; font-weight: bold;}

    .divMenu {
	position:absolute;
	float:left;
	width:17px;
	height:100%;
	z-index:1;}

    .divBody {
	z-index:0;float:right;width:83%;}

    .divBodyR {
	float:right; 
	width: 98%;}

Aquí el html:

                <tr valign="middle">			
					<td valign="top" valign="middle" > 
						<div id="menu" class="divMenu">
							<tiles:insert attribute="menu" />
							 
						</div>
						<div id="body" class="divBody">
							<div class="divExp" id="exp">
							</div>
							<div class="divBodyR">
								<tiles:insert attribute="body" /> 
								
							</div>
							<tiles:insert attribute="dialog" />
						</div>
					</td>
				</tr>