Negative margins on an iphone display.

Further to a question I raised in another thread, about an effective Iphone emulator/debugger, http://www.webassist.com/forums/posts.php?id=31763
, I think I have got to the nub of the issue.

I have a list which I am manipulating with CSS so I can split it across 3 columns
When the first line item in the second column is displayed, I have a negative margin set, which is equivalent to the line height * the number of elements in the list.
This effectively resets the position of the top of the second column, so it is perfect alignment with the first, and so on
I have this working and looking good on everything except on phones and ipod touch.
I have tried with ems, pixels and points.

The site is legacy and is not designed for mobile devices, so there are no media queries

Just wondered how I can set the negative margin so it displays properly on all devices

Sorry, I Wont be able to help with this, i have no experience with mobile CSS.

No problem Jason, appreciate your time.

Fortunately I have also been doing some work on a 'mobile friendly' site recently and have been looking through my notes.

I now have some code which seems to fix the problem...

/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
html {
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
}

yet to be fully tested, but looks promising so far

The biggest problem was the debugging, but Adobe Edge Inspect CC is a great little app