HI ,
I am getting problem with mozilla if i use these type of html and css.please help me.
image is wrapping around and some times image is missing.
Here is the code
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<Title>Services
</Title>
<head>
<link href="http://192.168.1.111:8080/xmlapps/phone/stylesheets/Phonestyles.css?version=0.002799746465795949" rel="stylesheet" type="text/css" />
<style>
#screen.main-page01 #page {
background: url(http://192.168.1.111:8080/xmlapps/ImageGrabber?imageName=SEP2012834193.gif&Package=C ustom);
}
#screen.main-page01 #page a#button {
position: absolute;
display: block;
}
#screen.main-page01 #page a#button.Tab0 {
width: 129px;
height: 35px;
top: 58px;
left: 20px;}
#screen.main-page01 #page a#button.Tab1 {
width: 129px;
height: 35px;
top: 107px;
left: 20px;}
#screen.main-page01 #page a#button.Tab2 {
width: 129px;
height: 35px;
top: 153px;
left: 20px;}
#screen.main-page01 #page a#button.Tab3 {
width: 129px;
height: 35px;
top: 58px;
left: 169px;}
#screen.main-page01 #page a#button.Tab4 {
width: 129px;
height: 38px;
top: 107px;
left: 169px;}
#screen.main-page01 #page a#button.Tab5 {
width: 129px;
height: 35px;
top: 153px;
left: 169px;}</style>
</head>
<body>
<div id="screen" class="main-page01" >
<div id="page">
<a id="button" class="Tab0" href="http://192.168.1.111:8080/xmlapps/phone/Hsk/HskMenu.jsp?mMenuPage=1" />
<a id="button" class="Tab1" href="http://192.168.1.111:8080/xmlapps/phone/Htmlstaticpgs/Events/eventsmenu.jsp?mMenuPage=1" />
<a id="button" class="Tab2" href="http://192.168.1.111:8080/xmlapps/phone/hotelevent/hotelevents.jsp?eventtype=1&mMenuPage=1" />
<a id="button" class="Tab3" href="http://192.168.1.111:8080/xmlapps/phone/staticpages/hotel.jsp?mMenuPage=1" />
<a id="button" class="Tab4" href="http://192.168.1.111:8080/xmlapps/phone/staticpages/eatdrink.jsp?mMenuPage=1" />
<a id="button" class="Tab5" href="http://192.168.1.111:8080/xmlapps/phone/staticpages/rockline.jsp?mMenuPage=1" />
</div>
<div id="mainmenuprompt">
<p>Touch menu item to select option</p>
</div>
<div id="navbar">
<a id="Soft2" href="http://192.168.1.111:8080/xmlapps/phone/mainmenu.jsp?page=0"><img src="http://192.168.1.111:8080/xmlapps/ImageGrabber?imageName=PgUp.gif&imageno=0.93523251 95429294"/></a><a id="Soft3" href="http://192.168.1.111:8080/xmlapps/phone/mainmenu.jsp?page=2"><img src="http://192.168.1.111:8080/xmlapps/ImageGrabber?imageName=PgDn.gif&imageno=0.01709641 1465435835"/></a><a id="Soft5" href="http://192.168.1.111:8080/xmlapps/phone/idle.jsp"><img src="http://192.168.1.111:8080/xmlapps/ImageGrabber?imageName=Exit.gif&imageno=0.92050829 66114528"/></a></div>
</div>
</body></html>[/html]