Title: Problem with CSS on chrome / firefox
Last modified: February 21, 2019

---

# Problem with CSS on chrome / firefox

 *  [tonylees](https://wordpress.org/support/users/tonylees/)
 * (@tonylees)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/problem-with-css-on-chrome-firefox/)
 * Hi,
    I have created a custom theme and there is one section that is causing me
   problems… I have created a text area which overlaps the header. Looks ok on Firefox,
   but when viewed on Chrome the text falls out of position.
 * Any advice would be greatly appreciated.
 * Thanks
    Tony
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fproblem-with-css-on-chrome-firefox%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [rboatright](https://wordpress.org/support/users/rboatright/)
 * (@rboatright)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/problem-with-css-on-chrome-firefox/#post-11229131)
 * No way to help without the code. Can you point to a page, or do a save-as and
   post the html as a static page somewhere?
 *  Thread Starter [tonylees](https://wordpress.org/support/users/tonylees/)
 * (@tonylees)
 * [7 years, 2 months ago](https://wordpress.org/support/topic/problem-with-css-on-chrome-firefox/#post-11229816)
 * Hi
    Sorry, the secion is on each page on the domain [http://mardybums.co.uk/](http://mardybums.co.uk/)
   I have put an example of the problem here [http://mardybums.co.uk/example/mcnics.pdf](http://mardybums.co.uk/example/mcnics.pdf)
 * This site was created in Bootstrap 3 and then converted in to a wordpress theme.
 * The container the text is within has an ID of top-banner and the CSS for this
   is
 *     ```
       #top-banner {
           width: 966px;
           height: 132px;
           margin: 0px auto;
               margin-top: 0px;
               margin-bottom: 0px;
           background-image: url(../images/bg-page-title.png);
           background-repeat: no-repeat;
           background-position: center;
           z-index: 20;
           margin-top: -100px;
           margin-bottom: 30px;
       }
       ```
   
 * The text is in a div with an ID of title
    the CSS for this is
 *     ```
       #title {
           width: 100%;
           margin-top: -10px;
           padding-top: 0px;
           float: left;
           text-align: center;
       }
       ```
   
 * Thanks
    Tony

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Problem with CSS on chrome / firefox’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [text position](https://wordpress.org/support/topic-tag/text-position/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [tonylees](https://wordpress.org/support/users/tonylees/)
 * Last activity: [7 years, 2 months ago](https://wordpress.org/support/topic/problem-with-css-on-chrome-firefox/#post-11229816)
 * Status: not a support question

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics