hover zmienia kolor tła dla nie tego diva, na którym znajduje się kursor

Question

Ustawiłem hover dla diva, w którym znajdują się 2 inne divy. Div dla, którego ustawiłem hover to #parametr_i_wartość_car_view a w nim znajdują się #nazwa_parametru_car_view oraz #wartość_parametru_car_view. Niestety po najechaniu podświetla się zawsze div, który znajduje się nad tym divem, nad którym jest kursor...

Tak to wygląda na stronie:

HTML:

<div id="tabele_car_view_lewe">
			<div id="tabela_car_view">
				<div id="nagłówek_tabeli_car_view">Silnik</div>
				<div id="parametr_i_wartość_car_view">
					<div id="nazwa_parametru_car_view">Lata produkcji</div>
					<div id="wartość_parametru_car_view">$Lata_produkcji&nbsp;</div>
				</div>
				<div id="parametr_i_wartość_car_view">
					<div id="nazwa_parametru_car_view">Pojemność</div>
					<div id="wartość_parametru_car_view">$Pojemnosc cm&#179 &nbsp;</div>			
				</div>
				<div id="parametr_i_wartość_car_view">
					<div id="nazwa_parametru_car_view">Moc silnika (km)</div>
					<div id="wartość_parametru_car_view">$Moc_silnikaKM	&nbsp;</div>
				</div>
				<div id="parametr_i_wartość_car_view">
					<div id="nazwa_parametru_car_view">Moc silnika (kw)</div>
					<div id="wartość_parametru_car_view">$Moc_silnikaKW	&nbsp;</div>
				</div>
                      </div>
</div>

CSS:

 

/* DO CARVIEW */
	#tabele_car_view_lewe
	{
	
		width: 600px;
		
		float: left;

		/* TESTOWE KOLORY TŁA */
		/* background-color: #e4fd00; */
	}

	#tabele_car_view_prawe
	{
		/* margin-left:10px;
		margin-right:10px; */
		width: 600px;
		
		float: left;

		/* TESTOWE KOLORY TŁA */
		/* background-color: #04c2fc; */
	}

	#tabela_car_view
	{
	width: 500px;
	/* min-width: 200px; */
	margin: 0 auto;
	margin-bottom:50px;
	/* padding-bottom: 40px; */

	
	/* TESTOWE KOLORY TŁA */
	background-color: #b65f5f;
	}

	#nagłówek_tabeli_car_view
	{
		width: 500px;
		border-radius: 20px;
		float: left;  
		text-align: center;
		margin-bottom:25px;
		font-size: x-large;

	/* TESTOWE KOLORY TŁA */
	background-color: #ff0101;
	}

	#parametr_i_wartość_car_view
	{
		width: 500px;
		height: 50px;
		text-align: center;
		/* vertical-align:middle; */
		border-radius: 20px;
		
		/* CENTROWANIE W PIONIE NIE DZIAŁA */
		/* vertical-align: middle; */
	
	/* TESTOWE KOLORY TŁA */
	background-color: #0151ff;
	}

	#parametr_i_wartość_car_view:hover 
	{
		background-color: #c8ff00;
	}

	#nazwa_parametru_car_view
	{
		width: 250px;
		float: left;
		height: 50px;
		
	/* TESTOWE KOLORY TŁA */
	/* background-color: #01ff16;	 */
	}

	#wartość_parametru_car_view
	{
		float: left;
		width: 250px;
		/* float: left; */
		height: 50px;
		
	/* TESTOWE KOLORY TŁA */
	/* background-color: #ff01b3; */
	}

EDIT: 

Właściwie teraz widzę co się stało, pierwszy div parametr_i_wartość_car_view znajduje się pod divem nagłówek_tabeli_car_view dlatego też pod ostatnim parametrem nie ma tła, które ustawiłem...

Answer 1

Wczoraj się z tym męczyłem a z rana kilka minut wystarczyło...Nie wiem czy usunąć temat czy co ale sam sobie odpowiem :D

Trzeba dodać    float: left; do diva #parametr_i_wartość_car_view.