Question: I have these two images with corresponding labels: <http://jsfiddle.net/Fdjtc/>

I want to make it so that when I hover over one of the divs, the image animated downward and the text (initially invisible) animated downward and fades to full opacity, making the images and labels look like they do right now. How can I make sure that the images have enough space upwards to do this, and can I do this kind of animationg using CSS3's `transition`?

Answer: 
Because `byte` (8 bits) can hold less information than `int` (32 bits), so the compiler will not automatically cast `int` to `byte` because you can lose information in the process. For example:

```
    int a = 150;
    byte b = (byte) a;
    System.out.println(b); 

```

This will print `-106` because `150` is out of byte range (-128 - 127).

Compiler needs you to manually cast `int` to `byte` to make sure this is not an error and that you understand the implications of the cast.
You need to change your code like below so that you don't get possible loss of precision error.

This will make compiler to understand that you know you are going to lose precision.

```
void func1(int i)
    {
        byte b = (byte)i;
        System.out.println(b);
    }

```