Hi. See code.
HTML:
Code:
<body>
	<div id="A">1</div>
	<div id="A_hidden">dgdfgdfgdfgsd</div>
	<div>2</div>
	<div>3</div>
	<div>4</div>
	<div>5</div>
	<div>6</div>
	<div>7</div>
	<div>8</div>
	<div>9</div>
	<div>10</div>
	<div>11</div>
	<div>12</div>
	<div>13</div>
	<div>14</div>
	<div>15</div>
	<div>16</div>
</body>
CSS:
Code:
html,body {
	background:#000;
	color:#fff;
	height:100%;
	margin:0;
}

div {
	width:25%;
	height:25%;
	float:left;
	text-align:center;
}

#A_hidden {
	display: none;
}

#A:hover {
 display: none
}

#A:hover ~ #A_hidden
 {
	display:block;
	background:red;
}
Why div blinks? How can I simplify the code? And to make it cross-browser, but using only HTML&CSS. Big thx in advance!