need advice on the following issue with text not filling space available

I have an area of text on the homepage of a website

The following css dictates that there is a div on the page in a set position with a set background color etc and all <p> content should be padded 10px from the left and right edges and a specific font size line height etc

[CODE]#homepagetext {
position:absolute;
width:794px;
margin-left:224px;
height:200px;
top:360px;
background-color:#AAA;
color:#000;
z-index:1;
}
#homepagetext p {
padding-left:10px;
padding-right:10px;
font-size:18px;
line-height:25px;
}[/CODE]

In firefox IE and safari on 2 different laptops everything looks fine, the text fills the entire div with a padded 10px at either side

But in the opera browser on my android smartphone the text seems to wrap half way accross the available space causing it to look all bunched up on the left hand side and subsequently go beyond the height of the div that contains it

Can anyone take a stab at why and what i did wrong, can change to fix it etc

Thanks in advance

Also in #CSS _↴